/*!
 * HABILLAGE SOMBRE COMMUN (12/10/2026) — thèmes 5, 6, 7, 11, 12 (tirés du Thème 3).
 * Variables : --sb-fond (fond), --sb-vert (accent = couleur d'accent du client).
 */
body.ns-sombre { --sb-fond: var(--t5-nuit, #04070a); --sb-carte: #0d1412; --sb-carte2: #121b18; --sb-vert: var(--t4-jaune, #34e3a4);
    --t1-encre: #eaf6f0; --t1-texte: #b9c6c0; --t1-doux: #7d8a85; --t1-ligne: #1d2925; --t1-fond: #070b0a; --t1-creme: #0f1714; --t1-marque-50: #0f1d18; --t1-marque-100: #17302a;
    background: var(--sb-fond); color: var(--t1-texte);  }
body.ns-sombre h1, body.ns-sombre h2, body.ns-sombre h3, body.ns-sombre h4 { color: var(--t1-encre); font-weight: 400; letter-spacing: -.03em; }
body.ns-sombre .t1-titre-section { font-weight: 300; font-size: clamp(34px, 4.4vw, 60px); }
body.ns-sombre .t1-serif, body.ns-sombre .t1 .t1-serif { background: none; color: var(--sb-vert) !important; }
body.ns-sombre .t1-section.gris, body.ns-sombre .t1-section { background: transparent; }
/* Toutes les cartes : verre fumé, bordure fine */
body.ns-sombre .t1-formation, body.ns-sombre .t2-fin, body.ns-sombre .t2-avi, body.ns-sombre .t2-membre, body.ns-sombre .t2-une, body.ns-sombre .t2-faq details, body.ns-sombre .t2-access,
body.ns-sombre .t1-session, body.ns-sombre .t2-mini-parcours > div, body.ns-sombre .t2-qualiopi, body.ns-sombre .t7-carte, body.ns-sombre .t7-formation, body.ns-sombre .t8-kpi, body.ns-sombre .t2-tuile,
body.ns-sombre .t1-carte-form, body.ns-sombre .t1-formateur, body.ns-sombre .t1-article, body.ns-sombre .t7-prochaine, body.ns-sombre .t7-demande, body.ns-sombre .t8-modalite, body.ns-sombre .t1-coord a, body.ns-sombre .t1-coord > div, body.ns-sombre .t7-vide, body.ns-sombre .t8-note {
    background: linear-gradient(180deg, var(--sb-carte2), var(--sb-carte)) !important; border: 1px solid var(--t1-ligne) !important; box-shadow: none !important; color: var(--t1-texte); }
body.ns-sombre .t1-formation:hover, body.ns-sombre .t7-formation:hover, body.ns-sombre .t2-membre:hover, body.ns-sombre .t2-fin:hover { border-color: color-mix(in srgb, var(--sb-vert) 50%, transparent) !important; box-shadow: 0 0 0 1px color-mix(in srgb, var(--sb-vert) 30%, transparent), 0 30px 60px -30px color-mix(in srgb, var(--sb-vert) 40%, transparent) !important; transform: translateY(-4px); }
body.ns-sombre .t2-tuile.marque, body.ns-sombre .t2-tuile.jaune, body.ns-sombre .t2-fin:nth-child(n) { background: linear-gradient(180deg, var(--sb-carte2), var(--sb-carte)) !important; }
body.ns-sombre .t2-tuile h3, body.ns-sombre .t2-fin .sigle, body.ns-sombre .t2-tuile.jaune h3 { color: var(--t1-encre) !important; }
body.ns-sombre .t2-tuile .ic, body.ns-sombre .t2-fin .ic, body.ns-sombre .t8-kpi .ic, body.ns-sombre .t2-etape .ic { background: color-mix(in srgb, var(--sb-vert) 14%, transparent) !important; color: var(--sb-vert) !important; border: 1px solid color-mix(in srgb, var(--sb-vert) 30%, transparent) !important; }
/* Boutons : noirs à bord fin, ou vert lumineux */
body.ns-sombre .t1-btn.plein, body.ns-sombre .t4-btn, body.ns-sombre .t7-btn { background: #000 !important; color: #fff !important; border: 1px solid #3a4a44 !important; box-shadow: none !important; border-radius: 10px; }
body.ns-sombre .t4-btn.jaune, body.ns-sombre .t7-btn.acces, body.ns-sombre .t1-btn.t7-act-acces { background: var(--sb-vert) !important; color: #03140d !important; border-color: var(--sb-vert) !important; }
body.ns-sombre .t1-btn.contour { background: transparent !important; color: var(--t1-encre) !important; border: 1px solid #3a4a44 !important; border-radius: 10px; }
body.ns-sombre .t1-sur-titre { background: color-mix(in srgb, var(--sb-vert) 10%, transparent); border: 1px solid color-mix(in srgb, var(--sb-vert) 35%, transparent); color: var(--sb-vert); box-shadow: none; transform: none; font-weight: 600; }
body.ns-sombre .t1-sur-titre::before { background: var(--sb-vert); box-shadow: 0 0 10px var(--sb-vert); }
body.ns-sombre .t1-etiquette { background: rgba(0,0,0,.6); color: #fff; border: 1px solid #2d3a35; }
body.ns-sombre .prix-image { background: #000 !important; color: #fff !important; } body.ns-sombre .t1-formation .fleche-ronde { background: var(--sb-vert); color: #03140d; border: 0; }
body.ns-sombre .t2-defile { background: transparent; color: var(--t1-encre); border-top: 1px solid var(--t1-ligne); border-bottom: 1px solid var(--t1-ligne); transform: none; }
body.ns-sombre .t2-defile span { font-weight: 300; } body.ns-sombre .t2-defile em { color: var(--sb-vert); }
body.ns-sombre .t2-sombre, body.ns-sombre .t6-finance, body.ns-sombre .t6-portail { background: radial-gradient(60% 80% at 50% 0%, color-mix(in srgb, var(--sb-vert) 16%, transparent), transparent 70%), #050908; border: 1px solid var(--t1-ligne); }
body.ns-sombre .t2-chiffres, body.ns-sombre .t2-chiffres > div { border-color: var(--t1-ligne); }
body.ns-sombre .t2-appel { border: 1px solid var(--t1-ligne); box-shadow: none; }
body.ns-sombre .t2-appel::before { background: linear-gradient(120deg, rgba(4,7,10,.92), color-mix(in srgb, var(--sb-vert) 35%, #04070a)); }
body.ns-sombre .t1-champ input, body.ns-sombre .t1-champ textarea, body.ns-sombre .t1-champ select, body.ns-sombre .t1-puce, body.ns-sombre .t7-option, body.ns-sombre .t10-sommaire a, body.ns-sombre .t6-recherche { background: #0a110f !important; color: var(--t1-encre) !important; border-color: #24322d !important; }
body.ns-sombre .t1-puce.actif { background: var(--sb-vert) !important; color: #03140d !important; }
body.ns-sombre .t1-pied { background: #020403; border-top: 1px solid var(--t1-ligne); }
/* Page SANS grande image en tête (connexion, inscription…) : le bandeau gardait le verre BLANC du thème de base
   avec les textes clairs du thème sombre → menu gris sur blanc, « Connexion » blanc sur blanc (20/10/2026). */
body.ns-sombre:not(.sur-heros) .t1-entete .t1-conteneur { background: rgba(8,13,11,.85) !important; border-color: #1d2925 !important; }
body.ns-sombre:not(.sur-heros) .t1-entete .t1-nav > a, body.ns-sombre:not(.sur-heros) .t1-entete .t1-deroulant > button { color: #dbe7e1; }
body.ns-sombre .t1-entete .t1-actions .t1-btn.contour { color: #eaf6f0 !important; border-color: #3a4a44 !important; background: transparent !important; }
body.ns-sombre .t1-entete.defile .t1-conteneur, body.ns-sombre .t1-entete.ouvert .t1-conteneur { background: rgba(8,13,11,.85) !important; border-color: #1d2925 !important; }
body.ns-sombre .t1-entete.defile .t1-nav > a, body.ns-sombre .t1-entete.defile .t1-deroulant > button { color: var(--t1-texte); }
body.ns-sombre .t1-entete .t1-actions .t1-btn.plein { background: var(--sb-vert) !important; color: #03140d !important; border-color: var(--sb-vert) !important; }
body.ns-sombre .t1-deroulant .menu { background: #0d1412; border-color: #1d2925; } body.ns-sombre .t1-deroulant .menu a { color: var(--t1-texte); }
body.ns-sombre .t1-auth .droite { background: var(--sb-fond); }
body.ns-sombre .t7-ensuite { background: #0a110f; border: 1px solid var(--t1-ligne); }
body.ns-sombre .t7-direct { background: radial-gradient(circle at 85% 20%, color-mix(in srgb, var(--sb-vert) 30%, transparent), transparent 55%), #050908; border: 1px solid var(--t1-ligne); box-shadow: none; }
body.ns-sombre .t7-prochaine .compte span { background: #050908; border: 1px solid var(--t1-ligne); }

/* En-tête : lisible sur le haut noir (le socle met du texte « encre », clair dans ce thème) */
body.ns-sombre { --sb-fond: var(--t5-nuit, #04070a); }
body.ns-sombre.sur-heros .t1-entete .t1-nav > a.actif, body.ns-sombre .t1-entete .t1-nav > a.actif { background: color-mix(in srgb, var(--sb-vert) 16%, transparent) !important; color: var(--sb-vert) !important; box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--sb-vert) 40%, transparent); }
body.ns-sombre.sur-heros .t1-entete .t1-actions .t1-btn.plein, body.ns-sombre .t1-entete .t1-actions .t1-btn.plein { background: var(--sb-vert) !important; color: #03140d !important; border-color: var(--sb-vert) !important; }
body.ns-sombre.sur-heros .t1-entete .t1-actions .t1-btn.contour { color: #eaf6f0 !important; border-color: #3a4a44 !important; background: transparent !important; }
body.ns-sombre .t1-entete.ouvert .t1-nav > a, body.ns-sombre.t1-menu-ouvert .t1-entete.ouvert .t1-nav > a { color: var(--t1-texte) !important; }
/* Lisibilité (12/10/2026) : boutons blancs et carte « rappel » gardent un texte foncé. */
body.ns-sombre .t1-btn.blanc, body.ns-sombre .t2-appel .t1-btn.blanc { background: #fff !important; color: #0b0b0c !important; }
body.ns-sombre .t2-contact-carte { background: #0b0f0e !important; border: 1px solid var(--t1-ligne); } body.ns-sombre .t2-contact-carte b { color: #fff !important; }
body.ns-sombre .t8-telecharger { background: transparent !important; color: var(--t1-encre) !important; border-color: var(--t1-ligne) !important; } body.ns-sombre .t8-telecharger:hover { background: var(--t4-jaune) !important; color: #0b0b0c !important; }
/* Menu téléphone ouvert (12/10/2026) : panneau sombre, textes clairs, lien actif et boutons lisibles. */
@media (max-width: 1024px) {
    body.ns-sombre.t1-menu-ouvert .t1-entete.ouvert .t1-conteneur, body.ns-sombre .t1-entete.ouvert .t1-conteneur { background: #0b0f0e !important; border-color: #24322d !important; }
    body.ns-sombre.t1-menu-ouvert .t1-entete.ouvert .t1-nav > a, body.ns-sombre.t1-menu-ouvert .t1-entete.ouvert .t1-deroulant > button, body.ns-sombre .t1-entete.ouvert .t1-deroulant .menu a { color: #e6efea !important; background: none !important; }
    body.ns-sombre.t1-menu-ouvert .t1-entete.ouvert .t1-nav > a.actif { background: var(--t4-jaune) !important; color: #04070a !important; }
    body.ns-sombre.t1-menu-ouvert .t1-entete.ouvert .t1-actions .t1-btn.contour { background: transparent !important; color: #e6efea !important; border-color: #3a4a44 !important; }
    body.ns-sombre.t1-menu-ouvert .t1-entete.ouvert .t1-actions .t1-btn.plein { background: var(--t4-jaune) !important; color: #04070a !important; border-color: var(--t4-jaune) !important; }
    body.ns-sombre.t1-menu-ouvert .t1-entete.ouvert .t1-burger { background: #1a2420 !important; border-color: #2d3d37 !important; } body.ns-sombre.t1-menu-ouvert .t1-entete.ouvert .t1-burger span { background: #e6efea !important; }
    body.ns-sombre .t1-entete.ouvert .t1-logo img.l-clair { display: none !important; } body.ns-sombre .t1-entete.ouvert .t1-logo img.l-sombre { display: block !important; }
}