/* =========================================================
   MandiKhata — light ("white") theme. Default theme; the dark one stays one tap away
   (theme button in the floating bar, assets/js/theme.js). Phone mockups and the green
   CTA band keep their dark look on purpose.
   ========================================================= */
html[data-theme="light"] {
    color-scheme: light;
    --primary-light: #047857;
    --accent-light: #b45309;
    --dark: #f5f7fb;
    --dark-2: #ffffff;
    --dark-light: #ffffff;
    --text: #0f172a;
    --text-muted: #475569;
    --text-dim: #536173;
    --glass: rgba(255, 255, 255, .82);
    --glass-strong: rgba(255, 255, 255, .96);
    --glass-border: rgba(15, 23, 42, .09);
    --gradient-text: linear-gradient(135deg, #059669 0%, #d97706 100%);
    --mk-up: #047857; --mk-down: #b91c1c;
    --mk-rim: linear-gradient(135deg, rgba(16,185,129,.45), rgba(56,189,248,.25) 40%, rgba(245,158,11,.4));
    --mk-glass: linear-gradient(160deg, #ffffff, #f8fafc);
    --chart-line: #059669; --chart-grid: rgba(15,23,42,.07); --chart-up: #047857; --chart-down: #b91c1c; --chart-label: #536173; --chart-tip: rgba(15,23,42,.94);
}
html[data-theme="light"] body { background: var(--dark); }

/* soft depth for cards on white */
html[data-theme="light"] .feature-card,
html[data-theme="light"] .pricing-card,
html[data-theme="light"] .testimonial-card,
html[data-theme="light"] .faq-item,
html[data-theme="light"] .install-card,
html[data-theme="light"] .stat-card,
html[data-theme="light"] .lead-form,
html[data-theme="light"] .trial-card { box-shadow: 0 1px 2px rgba(15,23,42,.04), 0 12px 32px -18px rgba(15,23,42,.18); }

/* navbar */
html[data-theme="light"] .navbar { background: rgba(255,255,255,.72); border-bottom: 1px solid rgba(15,23,42,.06); }
html[data-theme="light"] .navbar.scrolled { background: rgba(255,255,255,.95); box-shadow: 0 10px 30px -12px rgba(15,23,42,.18); }
html[data-theme="light"] .nav-chip { background: #fff; border-color: rgba(15,23,42,.12); color: var(--text); }
html[data-theme="light"] .nav-chip:hover { background: #f1f5f9; }
html[data-theme="light"] .nav-chip-wa { color: #15803d; background: #f0fdf4; border-color: rgba(22,163,74,.35); }
html[data-theme="light"] .nav-links a { color: #334155; }
html[data-theme="light"] .nav-links a:hover, html[data-theme="light"] .nav-links a.active { color: #047857; }
@media (max-width: 1024px) { html[data-theme="light"] .nav-links { background: rgba(255,255,255,.98); box-shadow: 0 20px 40px -20px rgba(15,23,42,.25); } }
html[data-theme="light"] .nav-rating, html[data-theme="light"] .nav-badge { background: #fff; border-color: rgba(15,23,42,.1); }
html[data-theme="light"] .announce-bar { background: linear-gradient(90deg, #ecfdf5, #fffbeb); border-bottom-color: rgba(15,23,42,.06); }
html[data-theme="light"] .announce-text { color: #334155; }

/* hero */
html[data-theme="light"] .hero {
    background: radial-gradient(ellipse at 70% 30%, rgba(16,185,129,.16) 0%, transparent 55%),
                radial-gradient(ellipse at 10% 90%, rgba(245,158,11,.14) 0%, transparent 50%),
                linear-gradient(135deg, #ffffff 0%, #f1f7f5 55%, #ecfdf5 100%);
}
html[data-theme="light"] .hero-chip { background: #fff; border-color: rgba(15,23,42,.1); color: #334155; box-shadow: 0 6px 16px -10px rgba(15,23,42,.25); }
html[data-theme="light"] .store-btn { background: #0f172a; color: #fff; }
html[data-theme="light"] .ghost-btn { background: #fff; border-color: rgba(15,23,42,.14); color: var(--text); }
html[data-theme="light"] .ghost-btn:hover { background: #f1f5f9; }
html[data-theme="light"] .btn-secondary { background: #fff; color: var(--text); border-color: rgba(15,23,42,.14); }
html[data-theme="light"] .hero-title, html[data-theme="light"] .section-title { text-shadow: none; }
html[data-theme="light"] .depth-card { background: rgba(255,255,255,.92); border-color: rgba(15,23,42,.08); color: var(--text); box-shadow: 0 18px 40px -20px rgba(15,23,42,.35); }

/* small icon tiles that were white-on-dark */
html[data-theme="light"] .feature-icon, html[data-theme="light"] .bm-icon { background: #ecfdf5; color: #059669; }
html[data-theme="light"] .tl-basic { background: #e2e8f0; color: #0f172a; }
html[data-theme="light"] .form-group input, html[data-theme="light"] .form-group textarea, html[data-theme="light"] .form-group select { background: #fff; border-color: rgba(15,23,42,.14); color: var(--text); }
html[data-theme="light"] .modal-close { background: #f1f5f9; border-color: rgba(15,23,42,.1); color: var(--text); }
html[data-theme="light"] .modal { background: rgba(15,23,42,.45); }
html[data-theme="light"] .stats-section { background: linear-gradient(135deg, #ecfdf5 0%, #fffbeb 100%); }
html[data-theme="light"] .footer { background: #ffffff; }
html[data-theme="light"] .footer-payment-icon, html[data-theme="light"] .social-link { background: #f1f5f9; border-color: rgba(15,23,42,.08); color: #334155; }
html[data-theme="light"] .cookie-bar { box-shadow: 0 20px 50px -20px rgba(15,23,42,.35); }
html[data-theme="light"] .lp-related a { background: #fff; }
html[data-theme="light"] .legal { color: var(--text); }

/* live market */
html[data-theme="light"] .mk-live::after { opacity: .5; background-image: linear-gradient(rgba(15,23,42,.06) 1px, transparent 1px), linear-gradient(90deg, rgba(15,23,42,.06) 1px, transparent 1px); }
html[data-theme="light"] .mk-panel { box-shadow: 0 1px 0 #fff inset, 0 24px 50px -30px rgba(15,23,42,.28), 0 8px 18px -12px rgba(15,23,42,.12); }
html[data-theme="light"] .mk-panel:hover { box-shadow: 0 1px 0 #fff inset, 0 34px 70px -30px rgba(16,185,129,.35), 0 8px 18px -12px rgba(15,23,42,.12); }
html[data-theme="light"] .mk-stat { background: #fff; box-shadow: 0 14px 30px -22px rgba(15,23,42,.35); }
html[data-theme="light"] .mk-ticker { background: #fff; box-shadow: 0 10px 26px -20px rgba(15,23,42,.3); }
html[data-theme="light"] .mk-row, html[data-theme="light"] .mk-week-row { background: #f8fafc; border-color: rgba(15,23,42,.06); }
html[data-theme="light"] a.mk-row:hover, html[data-theme="light"] .mk-row:hover { background: #ecfdf5; }
html[data-theme="light"] .mk-week-row:hover { background: #eff6ff; }
html[data-theme="light"] .mk-ic { background: #f1f5f9; }
html[data-theme="light"] .mk-bar { background: #e2e8f0; }
html[data-theme="light"] .mk-chg.up { background: #dcfce7; } html[data-theme="light"] .mk-chg.down { background: #fee2e2; } html[data-theme="light"] .mk-chg.flat { background: #f1f5f9; }
html[data-theme="light"] .mk-select, html[data-theme="light"] .mk-input { background-color: #fff; border-color: rgba(15,23,42,.14); color: var(--text); }
html[data-theme="light"] .mk-seg, html[data-theme="light"] .mk-segbtn { background: #f1f5f9; border-color: rgba(15,23,42,.08); }
html[data-theme="light"] .mk-segbtn button[aria-pressed="true"], html[data-theme="light"] .mk-seg label:has(input:checked) { color: #fff; background: linear-gradient(135deg, #047857, #065f46); }
html[data-theme="light"] .mk-seg input:checked + span { color: #fff; }
html[data-theme="light"] .mk-table th { background: #f8fafc; }
html[data-theme="light"] .mk-table td { border-top-color: rgba(15,23,42,.06); }
html[data-theme="light"] .mk-table tr:hover td { background: #f0fdf4; }
html[data-theme="light"] .mk-lock-ghost div { background: linear-gradient(90deg, #e2e8f0, #f1f5f9, #e2e8f0); }
html[data-theme="light"] .mk-lock-cta { background: linear-gradient(180deg, rgba(245,247,251,.1), rgba(255,255,255,.95) 55%); }
html[data-theme="light"] .mk-news-card { background: #fff; box-shadow: 0 16px 34px -26px rgba(15,23,42,.35); }
html[data-theme="light"] .mk-tool, html[data-theme="light"] .mk-hstat, html[data-theme="light"] .mk-chips a { background: #fff; }
html[data-theme="light"] .mk-btn.ghost { background: #fff; border-color: rgba(15,23,42,.14); color: var(--text); }
html[data-theme="light"] .mk-btn { color: #fff; background: linear-gradient(135deg, #047857, #065f46); }
html[data-theme="light"] .mk-btn.wa { background: #15803d; }
html[data-theme="light"] .mk-tile em { color: #065f46; text-shadow: none; }
html[data-theme="light"] .mk-tile { background: linear-gradient(160deg, rgba(16,185,129, calc(.06 + var(--h) * .28)), rgba(56,189,248, calc(var(--h) * .12))); }
html[data-theme="light"] .mk-upsell { background: linear-gradient(120deg, #ecfdf5, #eff6ff 50%, #fffbeb); }
html[data-theme="light"] .mk-calc-out { background: #f0fdf4; }
html[data-theme="light"] .mk-panel-head h3 i { color: #fff; }
html[data-theme="light"] .mkc-dot { fill: #fff; }
html[data-theme="light"] .mk-live-dot { background: #ecfdf5; }

/* ---------- theme button (floating bar, left of the language button) ---------- */
.theme-btn {
    width: 46px; height: 46px; flex: none; border-radius: 50%; display: grid; place-items: center; cursor: pointer;
    background: #fff; color: #0f172a; border: 1.5px solid #d9d9d9; box-shadow: 0 10px 30px rgba(0,0,0,.3);
    transition: transform .25s ease, background .25s ease, color .25s ease;
}
.theme-btn:hover { transform: translateY(-2px) rotate(-12deg); }
.theme-btn svg { width: 22px; height: 22px; }
.theme-btn .ic-sun { display: none; }
html[data-theme="dark"] .theme-btn { background: #0f172a; color: #fbbf24; border-color: rgba(255,255,255,.18); }
html[data-theme="dark"] .theme-btn .ic-sun { display: block; }
html[data-theme="dark"] .theme-btn .ic-moon { display: none; }
html[data-theme="light"] .float-actions .lang-btn, html[data-theme="light"] .theme-btn { box-shadow: 0 10px 26px -8px rgba(15,23,42,.35); }
@media (max-width: 480px) { .theme-btn { width: 42px; height: 42px; } .theme-btn svg { width: 20px; height: 20px; } }

/* pricing trial card and hero title on white */
html[data-theme="light"] .trial-card { background: linear-gradient(120deg, #f5f3ff, #ecfdf5 50%, #fffbeb); box-shadow: 0 16px 36px -24px rgba(15,23,42,.3); }
html[data-theme="light"] .text-3d { text-shadow: 0 1px 0 #d1fae5, 0 2px 0 #a7f3d0, 0 3px 0 #6ee7b7, 0 10px 24px rgba(5,150,105,.18); }

/* ---------- contrast fixes (WCAG AA audit) ---------- */
/* dark islands inside the white page keep dark-theme text colours */
html[data-theme="light"] .cta-section, html[data-theme="light"] .store-btn, html[data-theme="light"] .gp-badge,
html[data-theme="light"] .prime-badge, html[data-theme="light"] .phone-mockup, html[data-theme="light"] .mkc-tip {
    --text: #f8fafc; --text-muted: #cbd5e1; --text-dim: #a3b1c6; --primary-light: #34d399; --accent-light: #fbbf24;
    --glass-border: rgba(255,255,255,.14); color: #f8fafc;
}
html[data-theme="light"] .gp-badge .gp-text small, html[data-theme="light"] .gp-badge .gp-text b { color: #fff; }
html[data-theme="light"] .wm-name span { color: #d97706; }
html[data-theme="light"] .wm-sub { color: #475569; }
html[data-theme="light"] .support-status.is-open { color: #15803d; background: #dcfce7; }
html[data-theme="light"] .feature-tag-soon { color: #334155; background: #e2e8f0; }
html[data-theme="light"] .trial-tag { color: #5b21b6; background: #ede9fe; border-color: rgba(109,40,217,.25); }
html[data-theme="light"] .cta-btn-glass:not(.cta-section .cta-btn-glass) { color: var(--text); background: #fff; border-color: rgba(15,23,42,.16); }
html[data-theme="light"] .feature-tag { color: #92400e; background: #fef3c7; }
html[data-theme="light"] .section-label { background: #d1fae5; border-color: rgba(4,120,87,.25); }
html[data-theme="light"] .hero-badge { background: #d1fae5; }
html[data-theme="light"] .mk-tile span { opacity: 1; color: #334155; }
html[data-theme="light"] .feature-tag.feature-tag-soon { color: #334155; background: #e2e8f0; }