/* =========================================================
   XXI FORMATIONS — ALIGNEMENT SUR LA DÉCLINAISON « XXI INSTITUT »
   de la charte v1.1 « Indigo XXI » — 20 octobre 2026.
   À charger EN DERNIER, après style.css, sur toutes les pages.
   Apparence uniquement. Le reste de la charte est déjà en place
   (bloc « Charte XXI Indigo v1.1 » de style.css, relevé le 20/10/2026).
   ========================================================= */

/* 1. Sur-titres sans capitales (règle de la déclinaison Institut) */
.eyebrow,
.formation-option .option-label,
.pathgrid span,
.policygrid span{
  text-transform:none;
  letter-spacing:.02em;
  font:700 13px/1.4 var(--sans);
  color:var(--acc);
  font-variant-numeric:tabular-nums;
}
.hero .eyebrow,.pagehero .eyebrow{color:var(--acc)}
.cta .eyebrow{color:rgba(255,255,255,.86)}

/* 2. Bandeau clair des trois structures (balise .top à ajouter en tête de <header>) */
.top{background:#fff;color:var(--text);border-bottom:1px solid var(--line);font-size:13px}
.top .wrap{max-width:1200px;display:flex;justify-content:flex-end;gap:18px;padding:6px 0}
.top a{margin-left:0;color:var(--text);text-decoration:none}
.top a:hover,.top a[aria-current="page"]{color:var(--pri);text-decoration:underline;text-underline-offset:3px}
.top a[aria-current="page"]{font-weight:600}

/* 3. En-tête : même gabarit que XXI Institut (logo à gauche, menu dessous, filet unique) */
.brandrow{min-height:0;padding:16px 0}
.headaside{display:none}            /* mention à droite du logo supprimée, comme sur XXI Institut */
nav{border-top:1px solid var(--line)}

/* 4. Pied de page : intitulés sans capitales, logo réduit sans mention */
.footgrid h2{text-transform:none;letter-spacing:0}

/* 5. Rappels : pas d'ombre, coins droits hors pastilles, focus 2 px indigo */
*{box-shadow:none}
.course .cardtop span:first-child{border-radius:14px}

@media(max-width:700px){
  .top .wrap{justify-content:flex-start;flex-wrap:wrap;gap:6px 18px}
}