/* Thème « noir & or » (13/10/2026, LB Bât&Co : carte de visite noire, liseré doré).
   Activé par "style": "noir-or" dans fiche.json ; la couleur dorée = fiche["couleur"] (--primary). */
:root { --footer-bg: #0e0e10 !important; --noir: #0e0e10; --noir-2: #17171a; }

/* boutons dorés : texte noir, lisible (le blanc sur doré manque de contraste) */
.nav-cta, nav.nav-transparent.scrolled .nav-cta, .nav-phone-mobile, nav.nav-transparent.scrolled .nav-phone-mobile,
.btn-dark, .contact-cta-btn, .form-submit-btn, .step-num { color: #141414 !important; }
.nav-cta svg, .nav-phone-mobile svg, .btn-dark svg, .contact-cta-btn svg, .form-submit-btn svg { stroke: #141414; }
.cta-band { background: var(--noir) !important; border-top: 1px solid var(--primary); border-bottom: 1px solid var(--primary); }
.cta-band .btn-dark, .cta-band a[class*="btn"] { background: var(--primary) !important; color: #141414 !important; }

/* barre du haut : noire une fois qu'on défile (et sur les pages intérieures) */
nav.nav-transparent.scrolled, nav:not(.nav-transparent) {
  background: rgba(14,14,16,.96) !important; border-bottom-color: rgba(255,255,255,.06) !important;
  box-shadow: 0 1px 14px rgba(0,0,0,.35) !important;
}
nav.nav-transparent.scrolled .nav-logo, nav:not(.nav-transparent) .nav-logo { color: #fff !important; }
nav.nav-transparent.scrolled .nav-links a, nav:not(.nav-transparent) .nav-links a { color: rgba(255,255,255,.78) !important; }
nav.nav-transparent.scrolled .nav-links a:hover, nav:not(.nav-transparent) .nav-links a:hover { color: var(--primary) !important; background: rgba(255,255,255,.05) !important; }
nav.nav-transparent.scrolled .hamburger span, nav:not(.nav-transparent) .hamburger span { background: #fff !important; }
.sub-links { background: var(--noir-2) !important; border-color: rgba(255,255,255,.08) !important; }
.sub-links a { color: rgba(255,255,255,.8) !important; }
.sub-links a:hover { color: var(--primary) !important; }

/* bande de chiffres : noir profond, chiffres dorés, liseré courbe doré comme sur la carte */
.stats-inner {
  background: var(--noir) !important; position: relative; overflow: hidden;
  border: 1px solid rgba(201,138,69,.28);
}
#stats.stats-classique { border-top: 1px solid rgba(201,138,69,.45); border-bottom: 1px solid rgba(201,138,69,.45); }
.stat-val { color: var(--primary) !important; position: relative; }
.stat-lbl { color: rgba(255,255,255,.62) !important; position: relative; }
.stats-divider { background: rgba(201,138,69,.35) !important; }

/* titres : soulignement doré */
.title-underline { background: var(--primary) !important; }

/* pied de page */
footer { border-top: 2px solid var(--primary); }
footer h3, footer h4, footer .footer-title { color: var(--primary) !important; }
footer a:hover { color: var(--primary) !important; }

/* variante « classique » de la bande de chiffres (fond plein) : noir au lieu du doré */
#stats.stats-classique { background: var(--noir) !important; }
#stats.stats-classique .stats-inner { border: 0; }
/* textes : noir franc, pas le brun dérivé du doré */
:root { --text: #141414 !important; --muted: rgba(20,20,20,.62) !important; }
.section-title, h1.section-title, h2 { color: #141414; }
.hero h1, .hero-inner h1, .cta-band h2, footer h2 { color: #fff; }
/* le bouton d'appel est dans .nav-links : la règle des liens blancs ne doit pas le toucher */
nav .nav-links a.nav-cta, nav.nav-transparent.scrolled .nav-links a.nav-cta, nav:not(.nav-transparent) .nav-links a.nav-cta { color: #141414 !important; background: var(--primary) !important; }
nav .nav-links a.nav-cta:hover { color: #141414 !important; opacity: .88; }
/* voile des bandeaux photo : noir, pas brun */
:root { --hero-overlay: rgba(14,14,16,.68) !important; }
/* pastille téléphone (mobile) et bouton d'appel : dorés dès le haut de page, sinon texte noir sur la photo */
nav .nav-phone-mobile, nav.nav-transparent .nav-phone-mobile { background: var(--primary) !important; border: 0 !important; color: #141414 !important; }
nav.nav-transparent .nav-cta { background: var(--primary) !important; border: 0 !important; color: #141414 !important; }