/*
 * Mode nuit des pages de la boutique (html.dark) — FICHIER GÉNÉRÉ par scripts/storefront/build-dark-css.py
 * à partir de pages.css, krm-rp.css, home-blocks.css et des <style> des vues front. Ne pas modifier à la main : relancer le script.
 * Palette nuit alignée sur l'en-tête (--c-bg-dark de tw-utils.css).
 */
html.dark {
  --dk-bg: #111921; --dk-surface: #18222c; --dk-surface-2: #1f2a35; --dk-border: #2c3a48;
  --dk-text: #e5e7eb; --dk-muted: #9aa5b4; color-scheme: dark;
}
html.dark body { background: var(--dk-bg) !important; color: var(--dk-text); }

/* Couleurs posées directement dans les balises (style="…") des pages. */
html.dark main [style*="background:#fff"], html.dark main [style*="background: #fff"],
html.dark main [style*="background:#ffffff"], html.dark main [style*="background-color:#fff"],
html.dark main [style*="background:#f9fafb"], html.dark main [style*="background: #f9fafb"],
html.dark main [style*="background:#faf9f7"] { background-color: var(--dk-surface) !important; }
html.dark main [style*="background:#f3f4f6"], html.dark main [style*="background: #f3f4f6"],
html.dark main [style*="background:#f5f4f1"], html.dark main [style*="background: #f5f4f1"],
html.dark main [style*="background:#f8fafc"] { background-color: var(--dk-surface-2) !important; }
html.dark main [style*="color:#1a1a1a"], html.dark main [style*="color: #1a1a1a"],
html.dark main [style*="color:#111827"], html.dark main [style*="color:#374151"], html.dark main [style*="color: #374151"],
html.dark main [style*="color:#4b5563"] { color: var(--dk-text) !important; }
html.dark main [style*="color:#6b7280"], html.dark main [style*="color: #6b7280"],
html.dark main [style*="color:#9ca3af"], html.dark main [style*="color: #9ca3af"] { color: var(--dk-muted) !important; }
html.dark main [style*="border:1px solid #e5e7eb"], html.dark main [style*="border: 1px solid #e5e7eb"],
html.dark main [style*="border-bottom:1px solid #e5e7eb"], html.dark main [style*="border-top:1px solid #e5e7eb"] { border-color: var(--dk-border) !important; }

/* Champs de saisie des pages. */
html.dark main input:not([type=checkbox]):not([type=radio]):not([type=range]), html.dark main select, html.dark main textarea {
  background-color: var(--dk-surface-2); color: var(--dk-text); border-color: var(--dk-border);
}
html.dark main input::placeholder, html.dark main textarea::placeholder { color: var(--dk-muted); }

/* ── Règles générées ─────────────────────────────────────────────── */


/* public/storefront/equivalent/css/pages.css */
html.dark .eq-page-head{background:linear-gradient(135deg, color-mix(in srgb, var(--eq-gold) 12%, var(--dk-surface)) 0%, var(--dk-surface) 70%);border-bottom:1px solid var(--dk-border)}
html.dark .eq-page-head h1{color:var(--dk-text)}
html.dark .eq-page-head p.lead{color:var(--dk-muted)}
html.dark .eq-breadcrumb{color:var(--dk-muted)}
html.dark .eq-section-head h2{color:var(--dk-text)}
html.dark .eq-btn-ghost{background:var(--dk-surface);color:var(--dk-text);border:1.5px solid var(--dk-border)}
html.dark .eq-btn-soft{background:color-mix(in srgb, var(--eq-gold) 14%, var(--dk-surface))}
html.dark .eq-btn-soft:hover{background:color-mix(in srgb, var(--eq-gold) 22%, var(--dk-surface))}
html.dark .eq-card{background:var(--dk-surface);border:1px solid var(--dk-border)}
html.dark .eq-product{background:var(--dk-surface);border:1px solid var(--dk-border)}
html.dark .eq-product-img{background:var(--dk-surface-2) center/cover no-repeat}
html.dark .eq-product-img.ph{color:var(--dk-muted)}
html.dark .eq-product-name{color:var(--dk-text)}
html.dark .eq-product-price small{color:var(--dk-muted)}
html.dark .eq-filterbar{background:var(--dk-surface);border-bottom:1px solid var(--dk-border)}
html.dark .eq-pill{border:1.5px solid var(--dk-border);color:var(--dk-text);background:var(--dk-surface)}
html.dark .eq-pill:hover,html.dark .eq-pill.active{background:color-mix(in srgb, var(--eq-gold) 10%, var(--dk-surface))}
html.dark .eq-pill.is-unavailable{color:var(--dk-muted);border-color:var(--dk-border);background:var(--dk-surface)}
html.dark .eq-pill.is-unavailable:hover{color:var(--dk-muted);border-color:var(--dk-border);background:var(--dk-surface-2)}
html.dark .eq-input,html.dark .eq-select,html.dark .eq-textarea{border:1.5px solid var(--dk-border);color:var(--dk-text);background:var(--dk-surface)}
html.dark .eq-label{color:var(--dk-text)}
html.dark .eq-table th{color:var(--dk-muted);border-bottom:2px solid var(--dk-border)}
html.dark .eq-table td{color:var(--dk-text)}
html.dark .eq-badge-gray{background:var(--dk-surface-2);color:var(--dk-text)}
html.dark .eq-empty h3{color:var(--dk-muted)}
html.dark .eq-empty p{color:var(--dk-muted)}
html.dark .eq-alert-info{background:color-mix(in srgb, var(--eq-gold) 10%, var(--dk-surface));color:var(--dk-text)}
html.dark .eq-summary-row{color:var(--dk-text)}
html.dark .eq-summary-row.total{border-top:2px solid var(--dk-border);color:var(--dk-text)}
html.dark .eq-divider{border-top:1px solid var(--dk-border)}
html.dark .eq-muted{color:var(--dk-muted)}
html.dark .eq-rich h2{color:var(--dk-text)}
html.dark .eq-rich h3{color:var(--dk-text)}
html.dark .eq-rich p{color:var(--dk-text)}
html.dark .eq-rich ul,html.dark .eq-rich ol{color:var(--dk-text)}
html.dark .eq-rich blockquote{background:color-mix(in srgb, var(--eq-gold) 8%, var(--dk-surface));color:var(--dk-text)}
html.dark .eq-product-hover{background:var(--dk-surface-2) center/cover no-repeat}

/* public/storefront/equivalent/css/krm-rp.css */
html.dark .krm-rp{background:var(--dk-surface)}
html.dark body.krm-rp-push .krm-rp{border-left:1px solid var(--dk-border)}
html.dark .krm-rp-header{border-bottom:1px solid var(--dk-border);background:var(--dk-surface)}
html.dark .krm-rp-title{color:var(--dk-text)}
html.dark .krm-rp-mode-btn,html.dark .krm-rp-close-btn{color:var(--dk-muted)}
html.dark .krm-rp-mode-btn:hover,html.dark .krm-rp-close-btn:hover{background:var(--dk-surface-2);color:var(--dk-text)}
html.dark .krm-rp-tabs{border-bottom:1px solid var(--dk-border);background:var(--dk-surface)}
html.dark .krm-rp-tab{color:var(--dk-muted)}
html.dark .krm-rp-tab:hover{color:var(--dk-text)}
html.dark .krm-rp-footer{border-top:1px solid var(--dk-border);background:var(--dk-surface)}

/* public/storefront/equivalent/css/home-blocks.css */
html.dark .eqh-title{color:var(--dk-text)}
html.dark .eqh-lead{color:var(--dk-text)}
html.dark .eqh-lead strong{color:var(--dk-text)}
html.dark .eqh-btn-outline{color:var(--dk-text);border-color:var(--dk-border)}
html.dark .eqh-feature-ic{background:color-mix(in srgb, var(--primary, #c5a174) 14%, var(--dk-surface))}
html.dark .eqh-feature h3{color:var(--dk-text)}
html.dark .eqh-feature p{color:var(--dk-muted)}
html.dark .eqh-about h3{color:var(--dk-text)}
html.dark .eqh-about h4{color:var(--dk-text)}
html.dark .eqh-about p{color:var(--dk-text)}
html.dark .eqh-checks li{color:var(--dk-text)}
html.dark .eqh-works{background:var(--dk-surface)}
html.dark .eqh-works-head p{color:var(--dk-text)}

/* resources/views/front/home.blade.php */
html.dark .home-hero{background:linear-gradient(135deg, color-mix(in srgb, var(--eq-gold) 12%, var(--dk-surface)) 0%, var(--dk-surface) 60%)}
html.dark .home-hero-title{color:var(--dk-text)}
html.dark .home-hero-sub{color:var(--dk-muted)}
html.dark .home-cat-tile{background:var(--dk-surface)}
html.dark .home-cat-tile:hover{background:color-mix(in srgb, var(--eq-gold) 8%, var(--dk-surface))}
html.dark .home-cat-name{color:var(--dk-text)}

/* resources/views/front/cms/homepage.blade.php */
html.dark .eq-value-ic{background:color-mix(in srgb, var(--gold) 16%, var(--dk-surface))}
html.dark .eq-value h3{color:var(--dk-text)}
html.dark .eq-value p{color:var(--dk-muted)}
html.dark .eq-cat{background:var(--dk-surface);border:1.5px solid var(--dk-border);color:var(--dk-text)}
html.dark .eq-cat:hover{color:var(--dk-text)}
html.dark .eq-cfgp{background:var(--dk-surface);border:1px solid var(--dk-border)}
html.dark .eq-cfgp-img{background:var(--dk-surface-2) center/cover no-repeat}
html.dark .eq-cfgp-img.ph{color:var(--dk-muted)}
html.dark .eq-cfgp-desc{color:var(--dk-muted)}
html.dark .eq-cfgp-price small{color:var(--dk-muted)}

/* resources/views/front/boutique/show.blade.php */
html.dark .pdp-main-img{border:1px solid var(--dk-border);background:var(--dk-surface)}
html.dark .pdp-main-img.ph{color:var(--dk-muted)}
html.dark .pdp-thumb{border:2px solid var(--dk-border)}
html.dark .pdp-title{color:var(--dk-text)}
html.dark .pdp-price-ht{color:var(--dk-muted)}
html.dark .qty-ctrl{border:1.5px solid var(--dk-border)}
html.dark .qty-ctrl button{background:var(--dk-surface);color:var(--dk-text)}
html.dark .qty-ctrl button:hover{background:color-mix(in srgb, var(--eq-gold) 12%, var(--dk-surface))}
html.dark .qty-ctrl input{border-left:1.5px solid var(--dk-border);border-right:1.5px solid var(--dk-border)}
html.dark .pdp-tabs{border-bottom:1px solid var(--dk-border)}
html.dark .pdp-tab{color:var(--dk-muted)}
html.dark .pdp-viewer{border:1px solid var(--dk-border);background:var(--dk-surface-2)}
html.dark .pdp-viewer-photo{background:var(--dk-surface)}
html.dark .pdp-viewer-msg{color:var(--dk-muted)}
html.dark .pdp-viewer-hint{color:var(--dk-muted)}
html.dark .pdp-docs a{border:1px solid var(--dk-border);background:var(--dk-surface);color:var(--dk-text)}
html.dark .pdp-doc-meta{color:var(--dk-muted)}
html.dark .pdp-reassure{border-top:1px solid var(--dk-border)}
html.dark .pdp-reassure small{color:var(--dk-muted)}
html.dark .related{background:var(--dk-surface);border-top:1px solid var(--dk-border)}

/* resources/views/front/boutique/configurateur.blade.php */
html.dark {--ink:var(--dk-text);--accent-soft:color-mix(in srgb, var(--color-primary, #c5a174) 55%, var(--dk-surface))}

/* resources/views/front/configurateurs/wizard.blade.php */
html.dark {--cfg-bg:var(--dk-bg);--cfg-card:var(--dk-surface);--cfg-ink:var(--dk-text);--cfg-ink-soft:var(--dk-muted);--cfg-rule:var(--dk-border)}
html.dark .wz-step-pill{background:var(--dk-surface)}
html.dark .wz-step-pill.active{background:var(--dk-surface)}
html.dark .wz-card{background:var(--dk-surface)}
html.dark .wz-card-img{background:var(--dk-surface-2) center/contain no-repeat}
html.dark .wz-facet select{background:var(--dk-surface)}
html.dark .wz-install-note{color:var(--dk-muted)}
html.dark .wz-zone{background:var(--dk-surface)}
html.dark .wz-zone-top label,html.dark .wz-seg label{color:var(--dk-muted)}
html.dark .wz-mini{background:var(--dk-surface)}
html.dark .wz-assembly{background:var(--dk-surface)}
html.dark .wz-assembly-ref{color:var(--dk-muted)}
html.dark .wz-assembly-ref b{color:var(--dk-text)}
html.dark .wz-board-wrap{background:var(--dk-surface)}
html.dark .wz-board-bar{color:var(--dk-muted)}
html.dark .wz-board{background:var(--dk-surface)}
html.dark .wz-schema{background:var(--dk-surface)}
html.dark .wz-power{color:var(--dk-text)}
html.dark .wz-power b{color:var(--dk-text)}
html.dark .wz-supply.selected{background:color-mix(in srgb,var(--cfg-accent) 8%,var(--dk-surface))}
html.dark .wz-recap-empty{color:var(--dk-muted)}
html.dark .wz-btn-ghost{background:var(--dk-surface)}
html.dark .wz-nav button{background:var(--dk-surface)}
html.dark .wz-drawing canvas{background:var(--dk-surface)}

/* resources/views/front/cart/index.blade.php */
html.dark .cart-row{background:var(--dk-surface);border:1px solid var(--dk-border)}
html.dark .cart-img{background:var(--dk-surface-2)}
html.dark .cart-img.ph{color:var(--dk-muted)}
html.dark .cart-qty{border:1.5px solid var(--dk-border)}
html.dark .cart-qty button{background:var(--dk-surface);color:var(--dk-text)}
html.dark .cart-qty button:hover{background:color-mix(in srgb, var(--eq-gold) 12%, var(--dk-surface))}
html.dark .cart-qty input{border-left:1.5px solid var(--dk-border);border-right:1.5px solid var(--dk-border)}
html.dark .btn-remove{color:var(--dk-muted)}
html.dark .cart-tag{background:var(--dk-surface-2);color:var(--dk-text)}

/* resources/views/front/checkout/index.blade.php */
html.dark .ck-step{color:var(--dk-muted)}
html.dark .ck-sec-title{color:var(--dk-text)}
html.dark .ck-sec-title .ic{background:color-mix(in srgb,var(--eq-gold) 14%,var(--dk-surface))}
html.dark .pay-opt{border:2px solid var(--dk-border)}
html.dark .pay-opt.selected{background:color-mix(in srgb,var(--eq-gold) 8%,var(--dk-surface))}
html.dark .ci-img{background:var(--dk-surface-2)}
html.dark .ci-img.ph{color:var(--dk-muted)}

/* resources/views/front/checkout/payment.blade.php */
html.dark .pay-page{background:linear-gradient(135deg, color-mix(in srgb,var(--eq-gold) 12%,var(--dk-surface)) 0%, var(--dk-surface) 70%)}
html.dark .pay-card{background:var(--dk-surface)}
html.dark .pay-amount .lbl{color:var(--dk-muted)}
html.dark .pay-amount .val{color:var(--dk-text)}
html.dark .pay-amount .ord{color:var(--dk-muted)}
html.dark #card-element{border:1.5px solid var(--dk-border);background:var(--dk-surface)}
html.dark .pay-spinner{border:4px solid color-mix(in srgb,var(--eq-gold) 25%,var(--dk-border))}
html.dark .secure-badge{color:var(--dk-muted)}

/* resources/views/front/checkout/confirmation.blade.php */
html.dark .cf-card-title{color:var(--dk-text)}
html.dark .tl-dot.wait{background:var(--dk-surface-2);color:var(--dk-muted)}
html.dark .tl-dot.current{background:color-mix(in srgb,var(--eq-gold) 16%,var(--dk-surface))}

/* resources/views/front/account/index.blade.php */
html.dark .eq-account-tile{color:var(--dk-text)}
html.dark .eq-account-line{color:var(--dk-muted)}
html.dark .eq-account-table th{color:var(--dk-muted);border-bottom:1px solid var(--dk-border)}

/* resources/views/front/account/order.blade.php */
html.dark .ord-card-title{color:var(--dk-text)}