/* theme-dark.css — thème sombre des pages publiques (vitrine, tarifs, paiement, validation, contact).
   Actif seulement pour un utilisateur CONNECTÉ qui a choisi le thème sombre (net-guard.js pose data-theme="dark").
   Un visiteur non connecté voit toujours la vitrine claire. Même identité que l'éditeur sombre : noir profond, gris chauds, accent rose. */
html[data-theme="dark"]{
  --w:#050505;--card:#0c0b0c;--k:#f4eee8;--ink:#ece6e0;--mute:#a69fa1;--mute2:#7d7678;--line:#1f1c1e;--soft:#121012;--blush:#1c0b14;
  --sh:0 1px 2px rgba(0,0,0,.4),0 30px 70px -38px rgba(0,0,0,.9)}
html[data-theme="dark"] body{background:#050505;color:var(--ink)}
/* logo clair → logo sombre (même fichier que l'éditeur) */
html[data-theme="dark"] img[src$="/brand/logo-light.png"]{content:url("/brand/logo-dark.png")}
/* halos roses plus discrets sur le noir */
html[data-theme="dark"] .aura{opacity:.18}
/* boutons foncés → boutons clairs (texte noir), comme dans l'éditeur sombre */
html[data-theme="dark"] .btn.dark,html[data-theme="dark"] .home,html[data-theme="dark"] .chips button.on,html[data-theme="dark"] .kick.hi b{background:#f4eee8!important;color:#0b0b0c!important;box-shadow:0 14px 34px -18px rgba(255,255,255,.25)!important}
html[data-theme="dark"] .btn:not(.dark):not(.pay),html[data-theme="dark"] .btn.line{background:var(--card);color:var(--ink);box-shadow:inset 0 0 0 1px #2a2629}
html[data-theme="dark"] .btn:not(.dark):hover{box-shadow:inset 0 0 0 1px #ff4fa3}
/* champs */
html[data-theme="dark"] input,html[data-theme="dark"] select,html[data-theme="dark"] textarea{background:#0f0e0f!important;color:var(--ink)!important;border-color:#2a2629!important}
html[data-theme="dark"] input::placeholder,html[data-theme="dark"] textarea::placeholder{color:#6f686a}
html[data-theme="dark"] input,html[data-theme="dark"] select,html[data-theme="dark"] textarea{color-scheme:dark}
html[data-theme="dark"] select option{background:#0f0e0f;color:var(--ink)}
/* cartes, encadrés, puces */
html[data-theme="dark"] .plan,html[data-theme="dark"] .card,html[data-theme="dark"] .box,html[data-theme="dark"] .chip,html[data-theme="dark"] .acct,html[data-theme="dark"] .sum{box-shadow:inset 0 0 0 1px #221f21}
html[data-theme="dark"] .plan.hot{box-shadow:inset 0 0 0 1.5px #E5007E,0 30px 70px -40px rgba(229,0,126,.35)}
html[data-theme="dark"] .box.blush,html[data-theme="dark"] .soon{background:linear-gradient(160deg,#1c0b14,#0c0b0c 65%);box-shadow:inset 0 0 0 1px #2c1420}
html[data-theme="dark"] .methods span,html[data-theme="dark"] .pays span,html[data-theme="dark"] .code{background:#121012;box-shadow:inset 0 0 0 1px #221f21;color:var(--ink)}
html[data-theme="dark"] table td,html[data-theme="dark"] table th{border-color:#1f1c1e}
/* en-têtes et navigation fixes (fonds translucides) */
html[data-theme="dark"] nav#nav,html[data-theme="dark"] header.top,html[data-theme="dark"] .pf-bar{background:rgba(5,5,5,.82)!important;border-color:#1a1719!important}
/* fenêtres par-dessus la page (paiement refusé, vérification…) */
html[data-theme="dark"] .ov{background:rgba(0,0,0,.72)}
html[data-theme="dark"] .pf,html[data-theme="dark"] .pf-body,html[data-theme="dark"] .pf-wait{background:#050505}
html[data-theme="dark"] .ic.wait,html[data-theme="dark"] .pf-sec{background:#1c0b14}
html[data-theme="dark"] .pf-x{background:#121012}
/* textes en dégradé et liens : inchangés (rose B-caption) */
html[data-theme="dark"] ::selection{background:rgba(229,0,126,.45);color:#fff}
html[data-theme="dark"] .acc .go{background:#f4eee8;color:#0b0b0c}

/* ── Vitrine en sombre : les éléments « produit » redessinés (pas juste noircis) ── */
/* téléphone de démonstration : coque noire satinée, reflet léger, halo rose */
html[data-theme="dark"] .phone{background:linear-gradient(150deg,#2b2629 0%,#121012 45%,#0a090a 100%);box-shadow:inset 0 0 0 1px rgba(255,255,255,.09),inset 0 1px 0 rgba(255,255,255,.14),0 60px 120px -50px rgba(229,0,126,.55),0 30px 60px -30px rgba(0,0,0,.8)}
html[data-theme="dark"] .phone .scr{box-shadow:0 0 0 1px rgba(255,255,255,.04)}
/* cartes flottantes (Montage IA, Lien client, Paiement) et barre de styles : verre fumé */
html[data-theme="dark"] .chip,html[data-theme="dark"] .styles{background:rgba(16,14,16,.78);box-shadow:0 0 0 1px rgba(255,255,255,.08),0 24px 50px -24px rgba(0,0,0,.9)}
html[data-theme="dark"] .chip i{background:#2a0f1d;color:#ff4fa3}
html[data-theme="dark"] .chip b{color:#f4eee8}
html[data-theme="dark"] .styles button{color:#a69fa1}
html[data-theme="dark"] .styles button:hover{color:#f4eee8}
html[data-theme="dark"] .styles button.on{background:linear-gradient(100deg,#E5007E,#FF3B30)!important;color:#fff!important;box-shadow:0 10px 24px -12px rgba(229,0,126,.8)!important}
/* badge « protégé » du lien client */
html[data-theme="dark"] .lock{background:rgba(16,14,16,.9);color:#f4eee8;box-shadow:0 0 0 1px rgba(255,79,163,.35),0 18px 30px -18px rgba(0,0,0,.8)}
/* carte de paiement d'exemple, dernière étape du parcours, colonne B-caption du comparatif : dégradé B-caption */
html[data-theme="dark"] .pay .go,html[data-theme="dark"] .flow div:last-child,html[data-theme="dark"] .cmp thead th.us{background:linear-gradient(100deg,#E5007E,#FF3B30);color:#fff}
html[data-theme="dark"] .flow div:last-child *{color:#fff}
html[data-theme="dark"] .cmp td.us{background:#1c0b14;color:#ff4fa3}
/* encadrés roses (démo, influenceurs) : liseré sombre */
html[data-theme="dark"] .visual,html[data-theme="dark"] .inf{box-shadow:inset 0 0 0 1px #2a1520}
/* orbe du programme influenceur : rose profond lumineux */
html[data-theme="dark"] .inf-orb{background:radial-gradient(circle at 32% 28%,#3a1528,#1d0a14 48%,#0c0709 100%);box-shadow:0 50px 100px -40px rgba(229,0,126,.6),inset 0 0 0 1px rgba(255,79,163,.25),inset 0 0 60px rgba(229,0,126,.18)}
html[data-theme="dark"] .inf-orb i{background:#121012;box-shadow:inset 0 0 0 1px #2c1420}