/* Light/dark theme. app/theme.php sets html[data-theme] from the visitor's choice
   (header button, saved in localStorage) or, by default, the device setting.
   Samsung Internet and Chrome force-darken light-only pages, which breaks
   gradients and brand colours; a real dark theme avoids that. */
html[data-theme="light"]{color-scheme:light}
.theme-toggle{color:var(--ink);cursor:pointer}
.theme-toggle:hover{background:var(--soft)}
.theme-toggle:focus-visible{outline:3px solid #0756f5;outline-offset:2px}
.theme-toggle .icon{width:20px;height:20px}
.theme-icon-sun,html[data-theme="dark"] .theme-icon-moon{display:none}
html[data-theme="dark"] .theme-icon-sun{display:block}
.legal-header-tools{display:flex;align-items:center;gap:10px}
.header-actions .button{white-space:nowrap}
@media(max-width:420px){.header-actions .theme-toggle{width:30px;height:30px}.header-actions .theme-toggle .icon{width:18px;height:18px}}
@media(max-width:360px){.site-header .brand{font-size:24px}}
html[data-theme="dark"]{color-scheme:dark;--ink:#e6eef8;--muted:#9fb0c6;--paper:#0a1424;--soft:#0f1d31;--line:#22344c;--card:#101f35;--card-2:#13263f;--link:#7fb2ff;
  --blue:#3d7dff;--model-blue:#7fb2ff;--green-deep:#5fd48a;--model-green:#5fd48a}
html[data-theme="dark"],html[data-theme="dark"] body{background:var(--paper);color:var(--ink)}
html[data-theme="dark"] .skip-link{color:#041733}

/* Page surfaces */
html[data-theme="dark"] .announcement{background:#0d1b2e;color:var(--muted)}
html[data-theme="dark"] .site-header,html[data-theme="dark"] .mobile-menu{background:rgba(10,20,36,.94);border-color:var(--line)}
html[data-theme="dark"] .home-hero,html[data-theme="dark"] .universal-hero,html[data-theme="dark"] .closing-section,html[data-theme="dark"] .faq-section,html[data-theme="dark"] .site-footer,html[data-theme="dark"] .smart-section,html[data-theme="dark"] .legal-hero,html[data-theme="dark"] .feature-marquee{background:var(--paper)}
html[data-theme="dark"] .universal-halo{background:radial-gradient(circle at 30% 45%,#0756f533,transparent 66%)}
html[data-theme="dark"] .legal-hero{background:radial-gradient(ellipse at 95% 0,#14361f,transparent 55%),#0d1a2c;border-color:var(--line)}

/* Cards and panels */
html[data-theme="dark"] .compare-table,html[data-theme="dark"] .smart-device,html[data-theme="dark"] .cookie-banner,html[data-theme="dark"] .legal-sidebar,html[data-theme="dark"] .seo-grid article,html[data-theme="dark"] .benefit,html[data-theme="dark"] .step,html[data-theme="dark"] .faq-item,html[data-theme="dark"] .installation-note,html[data-theme="dark"] .home-product-visual,html[data-theme="dark"] .compare-cta,html[data-theme="dark"] .calc-board,html[data-theme="dark"] .power-guide,html[data-theme="dark"] .order-summary{background:var(--card);border-color:var(--line)}
html[data-theme="dark"] .supply-callout{background:rgba(16,31,53,.96);border-color:var(--line)}
html[data-theme="dark"] .supply-detail-blue{background:#0f2342;border-color:#1d3d6e}
html[data-theme="dark"] .supply-detail-green{background:#0f2a1e;border-color:#1f4a33}
html[data-theme="dark"] .one-product-badge{background:rgba(16,31,53,.9);color:var(--ink)}
html[data-theme="dark"] .benefit-icon{background:var(--card-2)}
html[data-theme="dark"] .sticky-buy{background:rgba(10,20,36,.95);border-color:var(--line)}
html[data-theme="dark"] .legal-company{background:#0f2342}
html[data-theme="dark"] .legal-note{background:#0f2a1e;color:#c9f0d5}
html[data-theme="dark"] .legal-body th{background:var(--card-2)}
html[data-theme="dark"] .seo-tags a{background:#0f2342;border-color:#1d3d6e;color:var(--link)}
html[data-theme="dark"] .button-green{color:#041733}

/* Text that was dark-on-light */
html[data-theme="dark"] .compare-bad{color:#a7b4c6}
html[data-theme="dark"] .legal-body a,html[data-theme="dark"] .legal-back,html[data-theme="dark"] .legal-sidebar a[aria-current="page"],html[data-theme="dark"] .footer-credit a,html[data-theme="dark"] .consent-field a,html[data-theme="dark"] .field-hint a,html[data-theme="dark"] .text-link{color:var(--link)}
html[data-theme="dark"] .legal-hero p,html[data-theme="dark"] .seo-grid p,html[data-theme="dark"] .seo-summary{color:var(--muted)}
html[data-theme="dark"] .seo-grid strong,html[data-theme="dark"] .seo-summary strong{color:var(--ink)}

/* Brand colours used as text need lighter tints on dark */
html[data-theme="dark"] .eyebrow,html[data-theme="dark"] .brand,html[data-theme="dark"] .home-hero-bottom span,html[data-theme="dark"] .compare-cta strong,html[data-theme="dark"] .power-guide a,html[data-theme="dark"] .cookie-copy a,html[data-theme="dark"] .cookie-provider a,html[data-theme="dark"] .cookie-policy-link,html[data-theme="dark"] .supply-callout-blue b,html[data-theme="dark"] .supply-callout-blue small,html[data-theme="dark"] .supply-detail-blue,html[data-theme="dark"] .supply-detail-blue strong,html[data-theme="dark"] .supply-detail-blue small,html[data-theme="dark"] .supply-detail-blue .supply-range,html[data-theme="dark"] .power-blue,html[data-theme="dark"] h2 span,html[data-theme="dark"] .calc-copy h2 span,html[data-theme="dark"] .smart-copy h2 span{color:var(--link)}
html[data-theme="dark"] .brand-light{color:var(--ink)}
html[data-theme="dark"] .brand-period,html[data-theme="dark"] .compare-good,html[data-theme="dark"] .closing-inner>div>span:not(.eyebrow),html[data-theme="dark"] .supply-callout-green b,html[data-theme="dark"] .supply-callout-green small,html[data-theme="dark"] .supply-detail-green,html[data-theme="dark"] .supply-detail-green strong,html[data-theme="dark"] .supply-detail-green small,html[data-theme="dark"] .supply-detail-green .supply-range,html[data-theme="dark"] .supply-detail-green h4,html[data-theme="dark"] .supply-detail-green .phase-wave,html[data-theme="dark"] .power-green{color:#6fdc95}
html[data-theme="dark"] .hero-trust span,html[data-theme="dark"] .hero-kicker,html[data-theme="dark"] .smart-energy span,html[data-theme="dark"] .supply-spec,html[data-theme="dark"] .supply-callout>span,html[data-theme="dark"] .supply-callout>span:last-child,html[data-theme="dark"] .cookie-copy p{color:var(--muted)}
html[data-theme="dark"] .step-top>span{background:var(--card-2);color:var(--ink)}
html[data-theme="dark"] .smart-apps>strong{background:#0f2342;border-color:#1d3d6e;color:var(--link)}
html[data-theme="dark"] .smart-apps>strong:last-child,html[data-theme="dark"] .smart-device-actions>span:last-child{background:#123222;border-color:#1f4a33;color:#6fdc95}
html[data-theme="dark"] .smart-device-actions i{background:#6fdc95}
html[data-theme="dark"] .smart-apps>span{color:var(--muted)}
html[data-theme="dark"] .home-product-visual.product-visual,html[data-theme="dark"] .product-visual{background:radial-gradient(ellipse at 75% 62%,#123222,transparent 65%),linear-gradient(130deg,#0f2342,#0a1424);border-color:var(--line)}
html[data-theme="dark"] .product-visual:before{background:radial-gradient(240px circle at var(--pointer-x,50%) var(--pointer-y,50%),#3d7dff22,transparent)}
/* Cookie banner and dialog */
html[data-theme="dark"] .cookie-banner,html[data-theme="dark"] dialog.cookie-dialog{background:var(--card);border-color:var(--line);color:var(--ink)}
html[data-theme="dark"] .cookie-copy h2,html[data-theme="dark"] .cookie-dialog h2,html[data-theme="dark"] .cookie-category h3,html[data-theme="dark"] .cookie-category strong{color:var(--ink)}
html[data-theme="dark"] .cookie-dialog>p,html[data-theme="dark"] .cookie-category p,html[data-theme="dark"] .cookie-category strong+span{color:var(--muted)}
html[data-theme="dark"] .cookie-actions button{background:#0f2342;border-color:#2a4b7c;color:#dbe8ff}
html[data-theme="dark"] .cookie-actions button:hover{background:#163160}
html[data-theme="dark"] .cookie-close{background:var(--card-2);color:var(--ink)}
html[data-theme="dark"] .cookie-category{border-color:var(--line)}
html[data-theme="dark"] .cookie-symbol{background:#123222;color:#6fdc95}

/* States and secondary surfaces */
html[data-theme="dark"] .site-header.is-scrolled{background:rgba(10,20,36,.92);box-shadow:0 10px 30px #0006}
html[data-theme="dark"] .button-outline{background:var(--card);border-color:var(--line);color:var(--ink)}
html[data-theme="dark"] .feature-strip,html[data-theme="dark"] .bundle-section,html[data-theme="dark"] .universal-bundle{background:var(--soft)}
html[data-theme="dark"] .step-top>.icon,html[data-theme="dark"] .smart-benefits article>.icon,html[data-theme="dark"] .benefit:hover .benefit-icon{background:var(--card-2)}
html[data-theme="dark"] .hero-checks .icon{background:#123222;color:#6fdc95}
html[data-theme="dark"] .hero-model-label,html[data-theme="dark"] .product-phase-pill,html[data-theme="dark"] .save-badge{background:var(--card-2);color:var(--ink)}
html[data-theme="dark"] .halo-blue,html[data-theme="dark"] .halo-green,html[data-theme="dark"] .smart-visual:before,html[data-theme="dark"] .trio-visual:before{opacity:.25}
html[data-theme="dark"] .compare-good{background:#10291c;color:#6fdc95}
html[data-theme="dark"] .compare-head .compare-zv{background:#0f2342}
html[data-theme="dark"] .compare-row:not(.compare-head):hover>span{background:var(--card-2)}
html[data-theme="dark"] .compare-row:not(.compare-head):hover>.compare-good{background:#143524}
html[data-theme="dark"] .calc-bar{background:#ffffff14}
html[data-theme="dark"] .scroll-battery-body{background:#0a1424cc}
/* Checkout dialog */
html[data-theme="dark"] dialog{background:var(--card);border-color:var(--line);color:var(--ink)}
html[data-theme="dark"] dialog::backdrop{background:#000a}
html[data-theme="dark"] .order-summary,html[data-theme="dark"] .order-summary[data-model="11kw"]{background:var(--card-2);border-color:var(--line)}
html[data-theme="dark"] .checkout-actions{background:var(--card);border-color:var(--line)}
html[data-theme="dark"] .checkout-product-note{background:linear-gradient(110deg,#0f2342,#10291c);border-color:var(--line)}
html[data-theme="dark"] .field input,html[data-theme="dark"] .field select,html[data-theme="dark"] .field textarea,html[data-theme="dark"] .promo-input-row input{background:#0b1a2d;color:var(--ink);border-color:#2a4466}
html[data-theme="dark"] .field input::placeholder,html[data-theme="dark"] .field textarea::placeholder,html[data-theme="dark"] .promo-input-row input::placeholder{color:#6f84a0}
html[data-theme="dark"] .choice-card,html[data-theme="dark"] .model-choice{background:var(--card-2);border-color:var(--line);color:var(--ink)}
html[data-theme="dark"] .choice-card:has(input:checked),html[data-theme="dark"] .model-choice:has(input:checked),html[data-theme="dark"] .model-choice-11:has(input:checked),html[data-theme="dark"] .delivery-toggle input:checked+span{background:#0f2342;border-color:var(--link)}
html[data-theme="dark"] .form-error{background:#3a1418;color:#ffc9cc;border-color:#6b2a31}
html[data-theme="dark"] .checkout-progress li{color:var(--muted)}
html[data-theme="dark"] .checkout-promo label>span,html[data-theme="dark"] .checkout-promo>span,html[data-theme="dark"] #promo-status{color:var(--muted)}
html[data-theme="dark"] .shipping-free{color:#6fdc95}
html[data-theme="dark"] .courier-choice .econt-name{color:#7fb2ff}
html[data-theme="dark"] .courier-choice .speedy-name{color:#ff8a85}
html[data-theme="dark"] #promo-status[data-state="success"]{color:#6fdc95}
html[data-theme="dark"] #promo-status[data-state="error"]{color:#ff8a85}