/* ==========================================================================
   Light theme — hand-tuned layer (loaded after light-auto.css)
   ========================================================================== */
html[data-theme="light"] {
	--bg: #f3f5f9; --bg-2: #eaeef5; --surface: #ffffff; --surface-2: #f6f8fb;
	--line: rgba(15, 23, 42, .08); --line-2: rgba(15, 23, 42, .13);
	--text: #0f172a; --muted: #5b6578;
	--steel: linear-gradient(180deg, #0f172a 0%, #273449 55%, #4b5a73 100%);
	--shadow: 0 18px 50px -24px rgba(15, 23, 42, .22);
	--doodle: url(../img/tools-pattern-dark.webp);
	color-scheme: light;
}
html[data-theme="dark"] { color-scheme: dark; }
html[data-theme="light"] body { background: var(--bg); color: var(--text); }

/* keep coloured controls white-on-colour */
html[data-theme="light"] .btn-primary, html[data-theme="light"] .btn-primary:hover,
html[data-theme="light"] .hs-btn, html[data-theme="light"] .tab.active, html[data-theme="light"] .pill.active,
html[data-theme="light"] .pagination .current, html[data-theme="light"] .why-ic, html[data-theme="light"] .trust-ic,
html[data-theme="light"] .step-ic, html[data-theme="light"] .fcta-in, html[data-theme="light"] .fcta-in h2,
html[data-theme="light"] .fcta-in .kicker, html[data-theme="light"] .fcta-in .btn-ghost, html[data-theme="light"] .mega-promo,
html[data-theme="light"] .pcard .button:hover, html[data-theme="light"] .stories-nav button:hover { color: #fff; }
html[data-theme="light"] .btn-wa, html[data-theme="light"] .btn-wa:hover { color: #06210f; }
html[data-theme="light"] .btn-ghost, html[data-theme="light"] .btn-glass { color: var(--text); border-color: var(--line-2); background: rgba(255,255,255,.7); }
html[data-theme="light"] .btn-ghost:hover, html[data-theme="light"] .btn-glass:hover { color: var(--text); background: #fff; border-color: rgba(15,23,42,.25); }

/* header / nav */
html[data-theme="light"] .topbar { background: #0f172a; }
html[data-theme="light"] .topbar, html[data-theme="light"] .topbar a, html[data-theme="light"] .topbar-marquee span { color: #cbd5e1; }
html[data-theme="light"] .topbar a:hover { color: #fff; }
html[data-theme="light"] .site-header { background: rgba(255,255,255,.92); border-bottom: 1px solid var(--line); }
html[data-theme="light"] .site-header.scrolled { background: rgba(255,255,255,.96); box-shadow: 0 10px 30px -18px rgba(15,23,42,.25); }
html[data-theme="light"] .nav-row, html[data-theme="light"] .header-nav { background: #fff; border-color: var(--line); }
html[data-theme="light"] .main-nav .menu > li > a { color: #1e293b; }
html[data-theme="light"] .main-nav .menu > li > a:hover, html[data-theme="light"] .main-nav .current-menu-item > a { color: #0f172a; }
html[data-theme="light"] .icon-btn { color: #1e293b; }
html[data-theme="light"] .header-search { background: #f1f4f9; border-color: var(--line-2); }
html[data-theme="light"] .header-search input { color: var(--text); }
html[data-theme="light"] .header-call b, html[data-theme="light"] .hcall b { color: var(--text); }
html[data-theme="light"] .mega, html[data-theme="light"] .live-results, html[data-theme="light"] .drawer { background: #fff; color: var(--text); }
html[data-theme="light"] .mega-item, html[data-theme="light"] .m-menu a, html[data-theme="light"] .m-cats a { color: var(--text); }
html[data-theme="light"] input, html[data-theme="light"] select, html[data-theme="light"] textarea { color: var(--text); background-color: #fff; border-color: var(--line-2); }
html[data-theme="light"] ::placeholder { color: #8a94a7; }

/* hero */
html[data-theme="light"] .hero2 { background: linear-gradient(180deg, #f6f8fc 0%, #eef2f9 100%); }
html[data-theme="light"] .hero2-bg .blob { opacity: .28; }
html[data-theme="light"] .hero2-title { color: #0f172a; }
html[data-theme="light"] .hero2-text, html[data-theme="light"] .hero-proof span { color: #475569; }
html[data-theme="light"] .hero-proof b { color: #0f172a; }
html[data-theme="light"] .hero-pills .hpill { color: #0f172a; background: #fff; border-color: var(--line-2); box-shadow: 0 6px 18px -12px rgba(15,23,42,.35); }
html[data-theme="light"] .hero-tags a { color: #334155; background: #fff; border-color: var(--line-2); }
html[data-theme="light"] .stage-chip { background: #fff; color: #0f172a; border-color: var(--line-2); box-shadow: 0 10px 24px -14px rgba(15,23,42,.35); }
html[data-theme="light"] .stage-hint { color: #64748b; }
html[data-theme="light"] .page-hero { background: radial-gradient(700px 360px at 85% 10%, rgba(29,79,216,.12), transparent 65%), radial-gradient(520px 300px at 0% 100%, rgba(225,38,45,.07), transparent 70%), linear-gradient(180deg, #f7f9fc, #eef2f8); }
html[data-theme="light"] .page-hero p { color: #475569; }

/* doodles: dark lines on light */
html[data-theme="light"] .ft, html[data-theme="light"] .rc-art, html[data-theme="light"] .pf-art img { filter: invert(1) brightness(.35); }
html[data-theme="light"] .ft { opacity: calc(var(--o) * .8); }
html[data-theme="light"] .doodle-zone::before, html[data-theme="light"] .doodle-layer { opacity: .07; }

/* cards & sections */
html[data-theme="light"] .pcard, html[data-theme="light"] .range-card, html[data-theme="light"] .why-card, html[data-theme="light"] .pf-card,
html[data-theme="light"] .contact-card, html[data-theme="light"] .contact-form-card, html[data-theme="light"] .cat-card, html[data-theme="light"] .trust-item,
html[data-theme="light"] .step, html[data-theme="light"] .size-picker, html[data-theme="light"] .enq-sizes, html[data-theme="light"] .sp-pin,
html[data-theme="light"] .shop-sidebar, html[data-theme="light"] .co-box, html[data-theme="light"] .cart-summary, html[data-theme="light"] .vision-card,
html[data-theme="light"] .stat, html[data-theme="light"] .about-stats, html[data-theme="light"] .sp-trust li, html[data-theme="light"] .story-plate {
	background: #fff; border-color: var(--line); box-shadow: 0 14px 34px -24px rgba(15,23,42,.28); }
html[data-theme="light"] .vision-card { background: radial-gradient(700px 300px at 50% 0%, rgba(29,79,216,.1), transparent 70%), #fff; }
html[data-theme="light"] .vision-card blockquote, html[data-theme="light"] .range-card h3, html[data-theme="light"] .why-card h3, html[data-theme="light"] .pf-card h3 { color: #0f172a; }
html[data-theme="light"] .rc-list a { color: #334155; background: #f3f6fa; border-color: var(--line); }
html[data-theme="light"] .rc-list a:hover { color: #fff; background: var(--grad-red); border-color: transparent; }
html[data-theme="light"] .section-dark, html[data-theme="light"] .contact-band { background: linear-gradient(180deg, var(--bg), var(--bg-2)); }
html[data-theme="light"] .pc-media { background: #fff; }
html[data-theme="light"] .pc-title a, html[data-theme="light"] .product_title, html[data-theme="light"] h1, html[data-theme="light"] h2, html[data-theme="light"] h3, html[data-theme="light"] h4 { color: #0f172a; }
html[data-theme="light"] .pc-act { background: rgba(255,255,255,.92); color: #0f172a; border-color: var(--line); }
html[data-theme="light"] .sz-chip { background: #fff; color: #0f172a; border-color: var(--line-2); }
html[data-theme="light"] .story-t { color: #334155; }

/* footer stays dark for contrast & brand */
html[data-theme="light"] .site-footer { background: #0b1220; color: #cbd5e1; }
html[data-theme="light"] .site-footer h4, html[data-theme="light"] .site-footer b { color: #fff; }
html[data-theme="light"] .site-footer a { color: #cbd5e1; }
html[data-theme="light"] .site-footer a:hover { color: #fff; }
html[data-theme="light"] .footer-bottom, html[data-theme="light"] .fb-in { color: #94a3b8; }
html[data-theme="light"] .pay-badges em { color: #cbd5e1; background: rgba(255,255,255,.06); border-color: rgba(255,255,255,.12); }

/* mobile app bar */
html[data-theme="light"] .mobile-bar { background: rgba(255,255,255,.94); border-color: var(--line-2); box-shadow: 0 14px 40px -16px rgba(15,23,42,.35); }
html[data-theme="light"] .mobile-bar a, html[data-theme="light"] .mobile-bar button { color: #475569; }
html[data-theme="light"] .mobile-bar .on { color: #0f172a; }

/* ---------- theme toggle button (both themes) ---------- */
.theme-toggle { position: relative; overflow: hidden; }
.theme-toggle .tt-sun, .theme-toggle .tt-moon { position: absolute; inset: 0; display: grid; place-items: center; transition: transform .45s cubic-bezier(.2,.8,.2,1), opacity .3s; }
.theme-toggle .tt-sun { color: #ffb44a; }
.theme-toggle .tt-moon { color: #5b8cff; }
html[data-theme="dark"] .theme-toggle .tt-moon, html:not([data-theme]) .theme-toggle .tt-moon { transform: translateY(110%) rotate(90deg); opacity: 0; }
html[data-theme="light"] .theme-toggle .tt-sun { transform: translateY(-110%) rotate(-90deg); opacity: 0; }
html.theme-anim, html.theme-anim *, html.theme-anim *::before, html.theme-anim *::after { transition: background-color .35s ease, color .35s ease, border-color .35s ease, box-shadow .35s ease !important; }
.drawer-theme { display: flex; align-items: center; justify-content: space-between; gap: 12px; width: 100%; margin: 6px 0 14px; padding: 12px 14px; border-radius: 14px; border: 1px solid var(--line-2); background: var(--surface-2); color: var(--text); font-weight: 600; }
.drawer-theme .dt-sw { position: relative; width: 46px; height: 26px; border-radius: 99px; background: var(--grad-red); }
.drawer-theme .dt-sw::after { content: ""; position: absolute; top: 3px; left: 3px; width: 20px; height: 20px; border-radius: 50%; background: #fff; transition: transform .3s; }
html[data-theme="light"] .drawer-theme .dt-sw::after { transform: translateX(20px); }

/* ---------- light theme polish ---------- */
html[data-theme="light"] .site-logo img { filter: brightness(.78) contrast(1.35) drop-shadow(0 4px 10px rgba(15,23,42,.18)); }
html[data-theme="light"] .site-footer .site-logo img { filter: drop-shadow(0 6px 16px rgba(0,0,0,.6)); }
html[data-theme="light"] .cat-menu-btn, html[data-theme="light"] .cat-menu-btn svg { color: #fff; }
html[data-theme="light"] .header-search .hs-btn, html[data-theme="light"] .header-search > button.hs-btn { color: #fff; }
html[data-theme="light"] .hero-search { background: #fff; border-color: var(--line-2); box-shadow: 0 18px 40px -26px rgba(15,23,42,.4); }
html[data-theme="light"] .hero-search input { background: transparent; }
html[data-theme="light"] .hero-search .btn-primary { color: #fff; }
html[data-theme="light"] .page-hero-gear { color: rgba(15,23,42,.05); }
html[data-theme="light"] .pin-band { background: linear-gradient(120deg, #ffffff 0%, #f1f5ff 55%, #fdf1f2 100%); border: 1px solid var(--line); box-shadow: 0 18px 40px -28px rgba(15,23,42,.35); }
html[data-theme="light"] .pin-band p { color: #475569; }
html[data-theme="light"] .pin-band .btn, html[data-theme="light"] .pincode-form button { color: #fff; }
html[data-theme="light"] .fcta-in .btn-ghost, html[data-theme="light"] .fcta-in .btn-ghost:hover { background: rgba(255,255,255,.12); border-color: rgba(255,255,255,.6); color: #fff; }
html[data-theme="light"] .fcta-in .btn-ghost:hover { background: rgba(255,255,255,.22); }
html[data-theme="light"] .about-band, html[data-theme="light"] .about-why { background: transparent; }

/* ---------- v3.9 light-mode contrast fixes (verified with an automated WCAG check) ---------- */
html[data-theme="light"] { --red-2: #d4351c; --blue-2: #1d4ed8; }
html[data-theme="light"] a:hover { color: #c2410c; }
/* accent labels */
html[data-theme="light"] .kicker, html[data-theme="light"] .rc-n, html[data-theme="light"] .pc-size em { color: #c81e2a; }
html[data-theme="light"] .pc-size em { background: rgba(200,30,42,.07); border-color: rgba(200,30,42,.25); }
html[data-theme="light"] .pc-cat, html[data-theme="light"] a.pc-cat { color: #1d4ed8; }
html[data-theme="light"] .price-request { color: #b45309; }
html[data-theme="light"] .stock.in-stock { color: #15803d; }
html[data-theme="light"] .stock.out-of-stock { color: #b91c1c; }
html[data-theme="light"] .nav-cta { color: #15803d; border-color: rgba(21,128,61,.35); background: rgba(22,163,74,.06); }
html[data-theme="light"] .nav-cta:hover { color: #fff; background: #16a34a; }
/* "Get price" card button */
html[data-theme="light"] .pcard .button.btn-quote { color: #15803d; background: rgba(22,163,74,.07); border-color: rgba(22,163,74,.35); }
html[data-theme="light"] .pcard .button.btn-quote:hover { color: #06210f; background: var(--wa); border-color: var(--wa); }
/* generic card button hover (was white text on light background) */
html[data-theme="light"] .pcard .button:not(.btn-quote):not(.btn-wa-card):hover, html[data-theme="light"] .pcard .button.added { background: var(--grad-red); color: #fff; border-color: transparent; }
/* price-on-request note */
html[data-theme="light"] .por-note { background: #fff7ed; border-color: #fed7aa; color: #9a3412; }
/* footer is always dark: restore dark-theme tokens inside it */
html[data-theme="light"] .site-footer { --text: #e9edf5; --muted: #9aa6bd; --line: rgba(255,255,255,.08); --line-2: rgba(255,255,255,.14); --surface: #0f1726; color: #cbd5e1; }
html[data-theme="light"] .site-footer p, html[data-theme="light"] .site-footer span, html[data-theme="light"] .site-footer li { color: #aab4c8; }
html[data-theme="light"] .site-footer .f-col ul a, html[data-theme="light"] .site-footer a { color: #d5dce8; }
html[data-theme="light"] .site-footer a:hover, html[data-theme="light"] .site-footer .f-col ul a:hover { color: #ff7a5c; }
html[data-theme="light"] .site-footer b, html[data-theme="light"] .site-footer h4, html[data-theme="light"] .site-footer .f-gst b { color: #fff; }
html[data-theme="light"] .f-social a { color: #e2e8f0; background: rgba(255,255,255,.05); border-color: rgba(255,255,255,.12); }
html[data-theme="light"] .f-social a:hover { color: #fff; background: var(--grad-red); }