/* =====================================================================
   CADOR — compléments des pages transverses (lot A)
   pages-a.css · à charger après cador-web.css et site.css
   alternance, offres, le-centre, equipe, formations, faq, contact, financeurs.
   Mêmes règles de charte : aucun arrondi, aucune ombre floue, tout aligné à gauche.
   ===================================================================== */

/* Héros de page transverse sans photo : texte sur 8 colonnes */
.heros-page--sans-media .heros-branche__texte { padding-bottom: var(--e-12); }
@media (min-width: 1080px) {
  .heros-page--sans-media .heros-branche__texte { grid-column: 1 / span 8; padding-bottom: var(--e-16); }
}

/* Filtres (boutons à bascule) et sommaire de thèmes */
.filtres { display: flex; flex-wrap: wrap; gap: var(--e-2); list-style: none; }
.filtre {
  display: inline-flex; align-items: center; gap: var(--e-2);
  min-height: 44px; padding: 0 var(--e-4);
  border: 2px solid var(--ink); background: transparent; color: var(--ink);
  font-family: var(--f-mono); font-size: .75rem; font-weight: 600;
  text-transform: uppercase; letter-spacing: .12em; line-height: 1;
  text-decoration: none; cursor: pointer;
  transition: background-color var(--duree) var(--courbe), color var(--duree) var(--courbe);
}
.filtre:hover { background: var(--white); }
.filtre[aria-pressed="true"] { background: var(--ink); color: var(--white); }
.filtre .point { width: .7em; height: .7em; background: var(--branche, var(--record)); }
.filtre__nb { color: var(--steel); font-weight: 500; }
.filtre[aria-pressed="true"] .filtre__nb { color: var(--steel-sur-ink); }
.filtre:focus-visible { outline: 3px solid var(--focus); outline-offset: 3px; }
.filtres__etat { margin: var(--e-4) 0 var(--e-6); }
.bande-filtres { position: sticky; top: var(--entete-h); z-index: 20; padding-block: var(--e-3); border-bottom: 1px solid var(--mist); }
.sommaire-faq { margin-top: var(--e-2); }

/* Formations par branche : nom de branche en tête de section */
.groupe-formations .section__entete .carte-branche__nom { margin-bottom: var(--e-2); }

/* Carte des postes reprise hors page GMS : marge sous la figure */
#offres .carte-postes { margin-bottom: var(--e-8); }

/* Coordonnées (contact) */
.coordonnees { display: grid; gap: var(--gouttiere); }
@media (min-width: 768px) { .coordonnees { grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 1080px) { .coordonnees { grid-template-columns: repeat(3, 1fr); } }
.coordonnees__item { display: grid; gap: var(--e-3); align-content: start; padding-top: var(--e-5); border-top: 2px solid var(--ink); }
.coordonnees__item.branche--gms { border-top-color: var(--gms); }
.coordonnees__item dt { display: flex; align-items: center; gap: var(--e-2); color: var(--steel); }
.coordonnees__item dt .icone { font-size: 20px; color: var(--ink); }
.coordonnees__item dd { overflow-wrap: anywhere; }
.coordonnees__item address, .adresse-bloc { font-style: normal; }

/* Équipe : une colonne par branche, filet de tête couleur de branche */
.equipe-branche { border-top: 4px solid var(--branche, var(--ink)); }

/* Tableaux sur fond ink (financeurs) */
.surface-ink .tableau { border-top-color: var(--white); }
.surface-ink .tableau th, .surface-ink .tableau td { border-bottom-color: var(--trait-sur-ink); }
.surface-ink .tableau--fiche tbody th { color: var(--steel-sur-ink); }
.surface-ink .tableau td { color: var(--white); }