/* =========================================================
   WSL ACADEMY — palette premium
   Le noir porte l'action ; le terracotta ne signe plus que la marque
   (logo, point de localisation, page active). Supprimer ce fichier
   suffit à revenir à la version précédente.
   ========================================================= */
:root{
  --brand:#c1442a;                 /* terracotta, usage réservé */
  --signal:#0b0b0b; --signal-d:#2a2a2a;
  --terra:#0b0b0b;  --terra-d:#2a2a2a;
  --terra-w:#f4f4f4; --terra-soft:#f4f4f4;
}
::selection{background:#0b0b0b;color:#fff}

/* titre : une seule couleur */
.hero h1 span,.hero h1 em,h1 em,h2 em,.ph h1 em{color:inherit!important}

/* boutons : noir franc, survol gris anthracite */
.btn-t,.nav-cta{background:#0b0b0b!important;border-color:#0b0b0b!important;color:#fff!important}
.btn-t:hover,.nav-cta:hover{background:#2a2a2a!important;border-color:#2a2a2a!important}

/* surtitres : gris discret au lieu de terracotta */
.overline,.eyebrow,.plist-h,.crumb{color:#6b6b6b!important}
.overline .location-dot{background:var(--brand)!important}

/* badges CPF et pastilles : noir */
.cart,.chip{background:#0b0b0b!important;color:#fff!important}

/* champs de formulaire : focus noir */
input:focus,select:focus,textarea:focus{border-color:#0b0b0b!important;box-shadow:0 0 0 1px #0b0b0b!important;outline:none}
:focus-visible{outline-color:#0b0b0b!important}

/* navigation : la page active garde un fin soulignement terracotta */
.menu a.on{color:#0b0b0b!important}
@media(min-width:980px){.menu a.on{box-shadow:inset 0 -2px 0 var(--brand)!important}}

/* logos partenaires : noir et blanc, couleur au survol */
.logo-row img{filter:grayscale(1) contrast(1.05);opacity:.72;transition:filter .25s,opacity .25s}
.logo-row li:hover img{filter:none;opacity:1}

/* ================= Hero « film » : la vidéo sur toute la largeur ================= */
.hero.hero-film{padding:var(--nav-h) 0 0}
.hero-film .hero-video.film{width:100%;max-width:none;aspect-ratio:9/16;max-height:calc(100svh - var(--nav-h));
  margin:0;border:0;border-radius:0;box-shadow:none;background:#fff;justify-self:auto}
.hero-film .hero-video.film video{object-fit:contain;background:#fff}
@media(min-width:768px){.hero-film .hero-video.film{aspect-ratio:16/9}}
.hero-film .hv-toggle{right:20px;bottom:20px}
.film-band{display:grid;gap:22px;padding-top:30px;padding-bottom:44px;border-top:1px solid var(--line,#e4e4e4)}
.hero.hero-film h1{font-size:clamp(1.9rem,4.4vw,3.3rem);line-height:1.06;letter-spacing:-.04em;margin:10px 0 14px;max-width:22ch}
.hero.hero-film h1 span{display:inline}
.film-band .overline{margin:0}
.fb-lead{font-size:1.02rem;color:#5e5e5e;max-width:62ch;margin:0 0 14px}
.film-band .acts{display:grid;gap:10px;align-content:start}
@media(min-width:980px){
  .film-band{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:56px;padding-top:40px;padding-bottom:64px}
  .film-band .acts{grid-auto-flow:column}
}