/* GOKLIC — thème sombre pour tout le site + menu déroulant.
   À charger EN DERNIER sur chaque page (après style.css / home.css et les <style> de la page).
   Palette sombre : fond #0f172a · surface #1e293b · bordure #334155 · texte #e2e8f0 · texte secondaire #94a3b8 · lien #7db4ff */

/* =====================================================================
   MENU DÉROULANT (clair par défaut)
   ===================================================================== */
.gk-dd{position:relative;flex:none;display:inline-flex}
.gk-dd-btn{cursor:pointer;font:inherit}
.gk-menu-btn{width:42px;height:42px;border-radius:99px;border:1px solid rgba(255,255,255,.45);background:rgba(255,255,255,.1);color:#fff;display:grid;place-items:center;padding:0;transition:background-color .15s}
.gk-menu-btn:hover{background:rgba(255,255,255,.22)}
.gk-menu-btn svg{width:22px;height:22px}
.gk-dd-menu{position:absolute;top:calc(100% + 10px);right:0;min-width:240px;max-width:calc(100vw - 24px);background:#fff;color:#16181d;border:1px solid #e3e7ed;border-radius:14px;box-shadow:0 16px 44px rgba(0,21,41,.2);padding:8px;z-index:500;text-align:left}
.gk-dd-menu[hidden]{display:none!important}
.gk-dd-head{padding:8px 12px 6px;font:700 12.5px "Manrope",sans-serif;letter-spacing:.02em;color:#5f6b7a}
.gk-dd-item{display:flex;align-items:center;gap:12px;width:100%;padding:12px 14px;border:0;border-radius:10px;background:transparent;color:#16181d;font:600 15px "Manrope",sans-serif;text-decoration:none;cursor:pointer;text-align:left;white-space:nowrap;transition:background-color .15s}
.gk-dd-item:hover,.gk-dd-item:focus-visible{background:#f0f2f5;opacity:1}
.gk-dd-item .gk-ic{display:grid;place-items:center;flex:none;width:22px;height:22px}
.gk-dd-item .gk-ic svg{width:22px;height:22px}
.gk-dd-item .gk-lb{flex:1}
.gk-dd-sep{height:1px;background:#e3e7ed;margin:6px 4px}
/* interrupteur */
.gk-sw{flex:none;position:relative;width:40px;height:24px;border-radius:99px;background:#cbd2dc;transition:background-color .2s}
.gk-sw i{position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.3);transition:transform .2s}
[data-theme-toggle][aria-checked="true"] .gk-sw{background:#1560BD}
[data-theme-toggle][aria-checked="true"] .gk-sw i{transform:translateX(16px)}

/* menu des pages publiques : à droite de la barre, au-dessus de tout */
.home-nav .gk-dd,header.nav .gk-dd{margin-left:4px}
.nav.ctr .wrap>.gk-dd{position:absolute;right:12px;top:50%;transform:translateY(-50%)}
.nav .gk-dd-item,.home-nav .gk-dd-item{color:#16181d;font-size:15px;letter-spacing:0}
.nav .gk-dd-item:hover{background:#f0f2f5}

/* menu du compte (dashboard + page compte) */
button.usr.gk-dd-btn{background:transparent;border:0;padding:4px 6px 4px 4px;border-radius:99px;color:#1f2937;font-weight:700;display:flex;align-items:center;gap:10px}
button.usr.gk-dd-btn:hover{background:#f0f2f5}
button.usr .chev{width:16px;height:16px;flex:none;opacity:.7}
.gk-dd-user .gk-dd-menu{min-width:230px}

/* bouton Support (casque) */
.sup-btn{display:inline-flex;align-items:center;gap:8px;height:42px;padding:0 16px 0 12px;border:1px solid #c9dcf5;border-radius:99px;background:#e8f0fb;color:#1560BD;font:700 14px "Manrope",sans-serif;cursor:pointer;transition:background-color .15s,border-color .15s}
.sup-btn:hover{background:#dbe8fa;border-color:#a9c6ee}
.sup-btn svg{width:22px;height:22px;flex:none}
.gk-dd-support .gk-dd-menu{min-width:250px}
.gk-dd-support .gk-dd-item small{display:block;font:500 12.5px "Manrope",sans-serif;color:#5f6b7a;margin-top:1px}
@media(max-width:640px){.sup-btn{padding:0;width:42px;justify-content:center}.sup-btn .sup-lb{display:none}}

/* =====================================================================
   THÈME SOMBRE
   ===================================================================== */
html.dark{
  color-scheme:dark;
  --mute:#94a3b8;--line:#334155;--paper:#1e293b;--blue-l:#1e3a5f;--sun:#1e3a5f;--bg:#0f172a;--leaf:#7db4ff;
}
html.dark body{background:#0f172a;color:#e2e8f0}
html.dark body.dash{background:#0b1220;color:#e2e8f0}
html.dark ::placeholder{color:#64748b}
html.dark main a:not([class]),html.dark .faq details a,html.dark .step-card b{color:#7db4ff}
html.dark hr{border-color:#334155}

/* ----- menu déroulant ----- */
html.dark .gk-dd-menu{background:#1e293b;color:#e2e8f0;border-color:#334155;box-shadow:0 16px 44px rgba(0,0,0,.55)}
html.dark .gk-dd-item,html.dark .nav .gk-dd-item,html.dark .home-nav .gk-dd-item{color:#e2e8f0}
html.dark .gk-dd-item:hover,html.dark .gk-dd-item:focus-visible,html.dark .nav .gk-dd-item:hover{background:#334155}
html.dark .gk-dd-head,html.dark .gk-dd-support .gk-dd-item small{color:#94a3b8}
html.dark .gk-dd-sep{background:#334155}
html.dark .gk-sw{background:#475569}
html.dark [data-theme-toggle][aria-checked="true"] .gk-sw{background:#3b82f6}
html.dark button.usr.gk-dd-btn{color:#e2e8f0}
html.dark button.usr.gk-dd-btn:hover{background:#334155}
html.dark .sup-btn{background:#1e3a5f;border-color:#2c5282;color:#a9ccff}
html.dark .sup-btn:hover{background:#25477a}

/* ----- boutons ----- */
html.dark .btn.dark{background:#334155;color:#fff}
html.dark .btn.dark:hover{background:#475569}
html.dark .btn.out{background:transparent;color:#ff9a92;border-color:#7a2e2a}
html.dark .btn.out:hover{background:rgba(255,120,110,.12)}
html.dark .lk2{color:#e2e8f0}
html.dark .lk{color:#ff9a92}

/* ----- surfaces (cartes, tableaux, blocs) ----- */
html.dark .card,
html.dark .dash .card,
html.dark .plan,
html.dark .tbl,
html.dark .box,
html.dark .kp div,
html.dark .kc,
html.dark .mini div,
html.dark .plan-benefits,
html.dark .ed-box,
html.dark .pv-bar,
html.dark .tb.stk tr,
html.dark .sp-card,
html.dark .step-card,
html.dark .compare-frame,
html.dark .stage,
html.dark .fm,
html.dark .fq,
html.dark body.pm .ds,
html.dark .pp details,
html.dark .cmp-tbl{background:#1e293b!important;border-color:#334155!important;color:#e2e8f0;box-shadow:none}
html.dark .dash .card,html.dark .kc,html.dark .mini div,html.dark .plan-benefits{box-shadow:0 1px 2px rgba(0,0,0,.35),0 2px 8px rgba(0,0,0,.3)!important}
html.dark .plan.hot{background:#0b1220!important;border-color:#1560BD!important;box-shadow:0 24px 60px rgba(21,96,189,.28)!important}
html.dark .s.cmp,html.dark .how-it-works{background:#111c30}
html.dark .compare-visual{background:#111c30;border-color:#334155}
html.dark section.sp{background:#0b1220}
html.dark section.ag{background:#0f172a}
html.dark .pw{color:#94a3b8}
html.dark .pf{background:#1e293b}

/* ----- tableaux ----- */
html.dark th{background:#1e293b;color:#94a3b8}
html.dark td{color:#e2e8f0;border-color:#334155}
html.dark tbody tr:hover td{background:#263348}
html.dark .tbl th{background:#172033}
html.dark .tb.stk tbody tr:hover td{background:transparent}
html.dark .cmp-tbl th,html.dark .cmp-tbl td{border-color:#334155}
html.dark .cmp-tbl thead th{background:#0b0b0c;color:#fff}
html.dark .cmp-tbl thead th:nth-child(2){background:#1560BD}
html.dark .cmp-tbl tbody th{color:#cbd5e1}
html.dark .cmp-tbl td{color:#e2e8f0}
html.dark .cmp-tbl td:nth-child(2){background:#16304f;color:#9cc4ff}
html.dark .cmp-tbl td::before{color:#94a3b8}
html.dark .cmp-note{color:#94a3b8}
html.dark .dns-table th,html.dark .role-grid th{background:#172033;color:#94a3b8}
html.dark .dns-table td,html.dark .role-grid td{border-color:#334155}
html.dark .dns-table code{background:#0f172a;color:#9cc4ff}
html.dark .lnk code{background:#0f172a;border-color:#334155;color:#e2e8f0}

/* ----- formulaires ----- */
html.dark input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]):not([type="file"]):not([type="submit"]),
html.dark select,
html.dark textarea{background-color:#0f172a;color:#e2e8f0;border-color:#334155}
html.dark select option{background:#1e293b;color:#e2e8f0}
html.dark .f input,html.dark .f select,html.dark .f textarea,html.dark .fm input,html.dark .fm select{background:#0f172a;color:#e2e8f0;border-color:#334155}
html.dark .f input:focus,html.dark .f select:focus,html.dark .f textarea:focus,html.dark .fm input:focus,html.dark .fm select:focus{border-color:#3b82f6;box-shadow:0 0 0 4px rgba(59,130,246,.25)}
html.dark .q button,html.dark .nv{background:#1e293b;color:#e2e8f0;border-color:#334155}
html.dark .q input{border-color:#334155}
html.dark .opt{border-color:#334155}
html.dark .bc-date{border-color:#334155;color:#cbd5e1}
html.dark .bc-date input{background:transparent;color:#e2e8f0}
html.dark .msg{color:#94a3b8}
html.dark .msg.err,html.dark #msg.err{color:#ff9a92}
html.dark .msg.ok,html.dark #msg.ok{color:#7db4ff}

/* ----- textes ----- */
html.dark .legal-page p,html.dark .legal-page li{color:#cbd5e1}
html.dark .legal-notice{background:#16304f;color:#e2e8f0}
html.dark .quote,html.dark .ph h1{color:#fff}
html.dark .ds p,html.dark .pp details p,html.dark .sum .delivery-info{color:#cbd5e1}
html.dark .pc em,html.dark .pc b{color:#e2e8f0}
html.dark .sp-num,html.dark .sp-label,html.dark .sp-title,html.dark .sp-who b,html.dark #fonctions .cmp-title{color:#f1f5f9}
html.dark .sp-num b{color:#5b9bf0}
html.dark .sp-sub,html.dark .sp-who small{color:#94a3b8}
html.dark .sp-card blockquote{color:#e2e8f0}
html.dark .sp-av{background:#334155}
html.dark .faq summary{color:#e2e8f0}
html.dark .faq details{border-color:#334155}
html.dark .faq details[open] summary::after{background:#1560BD;color:#fff}
html.dark .faq summary::after{background:#1e3a5f;color:#9cc4ff}
html.dark .faq-row{border-color:#334155}
html.dark .bk:hover{color:#e2e8f0}

/* ----- pastilles, étiquettes, bandeaux ----- */
html.dark .toggle{background:#1e293b}
html.dark .toggle button{color:#e2e8f0}
html.dark .toggle button[aria-pressed="true"]{background:#1560BD;color:#fff}
html.dark .badge,html.dark .pill.gray{background:#334155;color:#e2e8f0}
html.dark .pill.pl-gratuit{background:#334155;color:#e2e8f0}
html.dark .pill.pl-pro{background:#1e3a5f;color:#a9ccff}
html.dark .pill.ok{background:#14301f;color:#86efac}
html.dark .vb{background:#1e3a5f;color:#a9ccff}
html.dark .tag{background:#4a1f19;color:#ffb4a8}
html.dark .pb{background:#1e3a5f;color:#e2e8f0}
html.dark .notice{background:#3a2c0a;border-color:#6b4f12;color:#fcd34d}
html.dark .dash .up,html.dark .up{background:#1e3a5f;color:#e2e8f0}
html.dark .dom-status{background:#10291c;border-color:#1f5a3a}
html.dark .dom-status b{color:#86efac}
html.dark .badge-admin{background:#1e3a5f;color:#a9ccff}
html.dark .badge-editor{background:#14301f;color:#86efac}
html.dark .mode{background:#0f172a;color:#cbd5e1}
html.dark .pb-list li{background:#0f172a;border-color:#334155;color:#e2e8f0}
html.dark .pb-list li:hover{border-color:#3b82f6}
html.dark .pb-list li .ico.ok{background:#14301f;color:#86efac}
html.dark .pb-list li .ico.no{background:#3a1b19;color:#ff9a92}
html.dark .pb-upgrade{background:linear-gradient(90deg,#16304f,#1a2a44);border-color:#2c5282;color:#cfe2ff}
html.dark .plan-benefits .pb-head h3{color:#f1f5f9}
html.dark .ir{background:#0f172a;border-color:#334155}
html.dark .ir .ic{background:#1e3a5f;color:#9cc4ff}
html.dark .plan-box li::before{background:#1e3a5f}
html.dark .plan-box li::after{border-color:#9cc4ff}
html.dark .pf-main p,html.dark .pf-main small,html.dark .mini small,html.dark .ir small,html.dark .plan-box .exp{color:#94a3b8}

/* ----- dashboard & compte : barre du haut, onglets, stats ----- */
html.dark .top{background:#1e293b!important;color:#e2e8f0;box-shadow:0 1px 4px rgba(0,0,0,.5)}
html.dark .hb{color:#e2e8f0}
html.dark .hb:hover{background:#334155}
html.dark .usr,html.dark #un{color:#e2e8f0}
html.dark .tabs button,html.dark .st-period button,html.dark .pv-bar button{background:#1e293b;border-color:#334155;color:#e2e8f0}
html.dark .tabs button[aria-pressed="true"],html.dark .st-period button[aria-pressed="true"],html.dark .pv-bar button[aria-pressed="true"]{background:#1560BD;border-color:#1560BD;color:#fff}
html.dark .st-card{background:#0f172a}
html.dark .st-card span,html.dark .chart-legend{color:#94a3b8}
html.dark .kc-h,html.dark .kc-sub{color:#94a3b8}
html.dark .kc-h i{border-color:#64748b;color:#94a3b8}
html.dark .kc-big,html.dark .kc-r b,html.dark .kc-f,html.dark .bc-main h4,html.dark .bc-rank h4,html.dark .rk b{color:#f1f5f9}
html.dark .kc-r,html.dark .rk li,html.dark .bc-tabs button,html.dark .bc-gran button{color:#cbd5e1}
html.dark .bc-tabs button[aria-pressed="true"],html.dark .bc-gran button[aria-pressed="true"]{color:#5ea0ff;border-bottom-color:#5ea0ff}
html.dark .kc-f,html.dark .bc-top{border-color:#334155}
html.dark .rk .n{background:#334155;color:#e2e8f0}
html.dark .rk li.rk-none{color:#94a3b8}
html.dark .tu{color:#4ade80}
html.dark .td{color:#f87171}
html.dark .st-up{color:#4ade80}
html.dark .st-dn{color:#f87171}
html.dark .ed,html.dark .pv{background:rgba(0,0,0,.75)}
html.dark .pv-body iframe{background:#fff}
html.dark .pc-ok{color:#4ade80}

/* styles écrits directement dans le HTML du dashboard (style="…") */
html.dark body.dash [style*="background:#fff"],
html.dark body.dash [style*="background: #fff"]{background:#1e293b!important;border-color:#334155!important}
html.dark body.dash [style*="background:#f8fafc"],
html.dark body.dash [style*="background:#f8f8f8"],
html.dark body.dash [style*="background:#f7f9fc"],
html.dark body.dash [style*="background:#f5f7fa"],
html.dark body.dash [style*="background:#f0f2f5"],
html.dark body.dash [style*="background:#f0f4ff"],
html.dark body.dash [style*="background:#e8f0fb"]{background:#0f172a!important;border-color:#334155!important;color:#e2e8f0!important}
html.dark body.dash [style*="background:#f0fdf4"],
html.dark body.dash [style*="background:#e6f4ec"]{background:#10291c!important;border-color:#1f5a3a!important;color:#bbf7d0!important}
html.dark body.dash [style*="background:#fdecea"]{background:#3a1b19!important;color:#ffb4a8!important}
html.dark body.dash [style*="color:#6b7280"],
html.dark body.dash [style*="color:#4b5563"],
html.dark body.dash [style*="color:#666"],
html.dark body.dash [style*="color:#9ca3af"]{color:#94a3b8!important}
html.dark body.dash [style*="color:#111827"],
html.dark body.dash [style*="color:#1f2937"],
html.dark body.dash [style*="color:#374151"],
html.dark body.dash [style*="color:#000"]{color:#e2e8f0!important}
html.dark body.dash [style*="color:#15803d"]{color:#86efac!important}

/* ----- accueil (index) ----- */
html.dark .how-it-works{background:#111c30}
html.dark .step-card{background:#0f172a!important}
html.dark .step-card p{color:#e2e8f0}
html.dark .step-card svg{color:#5ea0ff}

/* ----- boutique / produit / commande ----- */
html.dark .th button{background:#1e293b}
html.dark .bar{background:#1e293b!important;border-top-color:#334155!important}
html.dark .bar b{color:#e2e8f0}
html.dark .nav .mmenu{background:#1e293b;border-color:#334155}
html.dark .nav .mmenu a{color:#e2e8f0}
html.dark .nav .mmenu a:hover{background:#334155}
html.dark .sum del,html.dark .pr s{color:#94a3b8}
html.dark .save{color:#4ade80}

/* ----- pages plein écran (confirmation, inscription, invitation) ----- */
html.dark .ph p{color:#c5d3e6}

/* barre de défilement */
html.dark ::-webkit-scrollbar-thumb{background:#334155;border-radius:8px}
html.dark ::-webkit-scrollbar-track{background:#0f172a}

@media(prefers-reduced-motion:reduce){.gk-sw,.gk-sw i{transition:none}}

html.dark .gk-dd-item svg[stroke="#1560BD"]{stroke:#7db4ff}