/* ==========================================================================
   REFONTE COACHING — déploiement par famille (phase 5B)
   Feuille additive. Trois scopes strictement séparés :
     - body.qds-coaching-hub      : le hub « prestations-coaching.html »
     - body.qds-coaching-fiche    : les 8 fiches de coaching (marquage « bom »)
     - body.qds-coaching-etudiants: cas particulier « coaching-etudiants-lille.html »
       (page plus simple, non reliée au hub, sans formation-fiche-shared.css)
   Aucun sélecteur nu (.bom-*, .coaching-*, etc.) : tout est préfixé par un
   scope de body, ces classes de marquage étant partagées avec les familles
   Formations et Ateliers — cf. docs/refonte/cartographie-modeles-pages.md,
   §3/§5/§6.
   Aucun contenu, lien, accordéon, formulaire ou attribut modifié : habillage
   visuel uniquement. Dépend de refonte-tokens.css.
   ========================================================================== */

/* ==========================================================================
   1. HUB — body.qds-coaching-hub (prestations-coaching.html)
   ========================================================================== */

body.qds-coaching-hub {
  background-color: var(--qds-ivoire);
}

body.qds-coaching-hub #navbar {
  border-top: 3px solid var(--qds-brique);
}

/* --- Section d'introduction : trame cartographique discrète --- */
body.qds-coaching-hub #introduction.section-gradient {
  background:
    linear-gradient(90deg, rgba(28, 42, 64, 0.035) 1px, transparent 1px),
    linear-gradient(rgba(28, 42, 64, 0.035) 1px, transparent 1px),
    linear-gradient(to bottom, var(--qds-chaux), var(--qds-ivoire));
  background-size: 2.5rem 2.5rem, 2.5rem 2.5rem, 100% 100%;
  border-bottom: 1px solid var(--qds-ardoise-100);
  position: relative;
}
@media (min-width: 1024px) {
  body.qds-coaching-hub #introduction.section-gradient::before {
    content: "";
    position: absolute;
    right: max(0.75rem, env(safe-area-inset-right, 0px));
    top: 0.75rem;
    width: 4rem;
    height: 4rem;
    background: url("../images/refonte/repere-du-nord-discret.svg") no-repeat center / contain;
    pointer-events: none;
  }
}

/* --- Titres de section --- */
body.qds-coaching-hub .section-title-local::after {
  background: var(--qds-brique);
  height: 3px;
  box-shadow: 84px 0 0 0 var(--qds-ambre);
}
body.qds-coaching-hub .section-local-tone {
  background-color: var(--qds-pierre) !important;
}

/* --- Cartes de coaching (liste .coaching-card) --- */
body.qds-coaching-hub .coaching-card {
  border: 1px solid var(--qds-ardoise-100);
  border-radius: var(--qds-r-grand);
  box-shadow: var(--qds-ombre-1);
  background-color: var(--qds-blanc);
}
body.qds-coaching-hub .coaching-h3 a {
  color: var(--qds-ardoise-900);
  letter-spacing: -0.01em;
}
body.qds-coaching-hub .coaching-card-badge {
  background-color: var(--qds-ambre);
  color: var(--qds-ardoise-900);
  border-radius: var(--qds-r-moyen);
}
body.qds-coaching-hub .coaching-figure {
  border-radius: var(--qds-r-grand);
  overflow: hidden;
}
body.qds-coaching-hub .btn.btn-secondary {
  border-radius: var(--qds-r-moyen);
  min-height: 44px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

/* --- Attributions de témoignages --- */
body.qds-coaching-hub .testimonial-author {
  color: var(--qds-ardoise-900);
}
body.qds-coaching-hub .testimonial-meta {
  color: var(--qds-ardoise-700);
}

/* --- Pied de page --- */
body.qds-coaching-hub footer.footer-lille-legal-test {
  background-color: var(--qds-ardoise-950) !important;
  border-top: 3px solid var(--qds-brique);
}
body.qds-coaching-hub footer.footer-lille-legal-test h3 {
  color: var(--qds-ambre);
  font-size: 1.05rem;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

/* --- Focus visibles --- */
body.qds-coaching-hub a:focus-visible,
body.qds-coaching-hub button:focus-visible,
body.qds-coaching-hub summary:focus-visible,
body.qds-coaching-hub input:focus-visible,
body.qds-coaching-hub label:focus-visible {
  outline: var(--qds-focus);
  outline-offset: var(--qds-focus-decalage);
}
body.qds-coaching-hub footer.footer-lille-legal-test a:focus-visible {
  outline-color: var(--qds-ambre);
}

/* --- Animations réduites --- */
@media (prefers-reduced-motion: reduce) {
  body.qds-coaching-hub * {
    transition-duration: 0.01ms !important;
    animation: none !important;
  }
}

/* ==========================================================================
   2. FICHES DE COACHING — body.qds-coaching-fiche (8 fiches, marquage « bom »)
   ========================================================================== */

body.qds-coaching-fiche {
  background-color: var(--qds-ivoire);
}

body.qds-coaching-fiche #navbar {
  border-top: 3px solid var(--qds-brique);
}

body.qds-coaching-fiche nav.breadcrumb-nav::before {
  background: rgba(250, 247, 242, 0.98);
  border-bottom: 1px solid var(--qds-ardoise-100);
}
body.qds-coaching-fiche nav.breadcrumb-nav a {
  color: var(--qds-brique-profond);
}

body.qds-coaching-fiche .hero {
  background:
    linear-gradient(90deg, rgba(28, 42, 64, 0.04) 1px, transparent 1px),
    linear-gradient(rgba(28, 42, 64, 0.04) 1px, transparent 1px),
    linear-gradient(to bottom, var(--qds-chaux), var(--qds-ivoire));
  background-size: 2.5rem 2.5rem, 2.5rem 2.5rem, 100% 100%;
  border-bottom: 1px solid var(--qds-ardoise-100);
  position: relative;
}
@media (min-width: 1024px) {
  body.qds-coaching-fiche .hero::before {
    content: "";
    position: absolute;
    right: max(0.75rem, env(safe-area-inset-right, 0px));
    top: 0.75rem;
    width: 4rem;
    height: 4rem;
    background: url("../images/refonte/repere-du-nord-discret.svg") no-repeat center / contain;
    pointer-events: none;
  }
}
body.qds-coaching-fiche .hero h1 {
  color: var(--qds-ardoise-900);
  letter-spacing: -0.015em;
}

body.qds-coaching-fiche .bom-hero-proofs li {
  background-color: var(--qds-blanc);
  border: 1px solid var(--qds-ardoise-100);
  border-left: 3px solid var(--qds-ambre);
  box-shadow: var(--qds-ombre-1);
}

body.qds-coaching-fiche .bom-hero-decision-card {
  background-color: var(--qds-blanc);
  border: 1px solid var(--qds-ardoise-100);
  border-top: 4px solid var(--qds-brique);
  border-radius: var(--qds-r-grand);
  box-shadow: var(--qds-ombre-2);
}
body.qds-coaching-fiche .bom-hero-decision-card dt {
  color: var(--qds-brique-profond);
  letter-spacing: 0.05em;
  text-transform: uppercase;
  font-size: 0.72rem;
}
body.qds-coaching-fiche .bom-hero-decision-card dd {
  color: var(--qds-ardoise-800);
}

/* --- Cartes « pour vous si » : classe dédiée si présente (ex. pass-managers.html),
   repli générique .card pour les autres fiches --- */
body.qds-coaching-fiche .hero-local-card,
body.qds-coaching-fiche .bom-pour-vous-card,
body.qds-coaching-fiche .card {
  background-color: var(--qds-blanc);
  border: 1px solid var(--qds-ardoise-100);
  border-top: 3px solid var(--qds-brique);
  box-shadow: var(--qds-ombre-1);
}
body.qds-coaching-fiche .bom-pour-vous-card h3,
body.qds-coaching-fiche .card h3 {
  color: var(--qds-brique-profond) !important;
}

body.qds-coaching-fiche .section-title-local::after {
  background: var(--qds-brique);
  height: 3px;
  box-shadow: 84px 0 0 0 var(--qds-ambre);
}
body.qds-coaching-fiche .section-local-tone {
  background-color: var(--qds-pierre) !important;
}

/* Variantes --orange et --dark exclues (voir refonte-ateliers.css / journal). */
body.qds-coaching-fiche details.rh-page-accordion:not(.rh-page-accordion--orange):not(.rh-page-accordion--dark) {
  border: 1px solid var(--qds-ardoise-100);
  border-radius: var(--qds-r-grand);
  background: var(--qds-blanc);
  box-shadow: var(--qds-ombre-1);
}
body.qds-coaching-fiche details.rh-page-accordion:not(.rh-page-accordion--orange):not(.rh-page-accordion--dark) > summary.rh-page-accordion-summary {
  color: var(--qds-ardoise-900);
}
body.qds-coaching-fiche details.rh-page-accordion:not(.rh-page-accordion--orange):not(.rh-page-accordion--dark)[open] > summary.rh-page-accordion-summary {
  background: var(--qds-pierre);
}
body.qds-coaching-fiche details.rh-page-accordion table {
  border-color: var(--qds-ardoise-100);
}
body.qds-coaching-fiche details.rh-page-accordion th {
  color: var(--qds-brique-profond);
}

body.qds-coaching-fiche .programme-module {
  background-color: var(--qds-blanc);
  border: 1px solid var(--qds-ardoise-100);
  border-left: 3px solid var(--qds-ambre);
  border-radius: var(--qds-r-moyen);
}

body.qds-coaching-fiche details.faq-item {
  background-color: var(--qds-blanc);
  border: 1px solid var(--qds-ardoise-100);
  border-left: 3px solid var(--qds-brique);
  border-radius: var(--qds-r-moyen);
}

body.qds-coaching-fiche .hub-logos-confiance-wrap {
  border-color: var(--qds-ardoise-100) !important;
}

body.qds-coaching-fiche .testimonial-author {
  color: var(--qds-ardoise-900);
}
body.qds-coaching-fiche .testimonial-meta {
  color: var(--qds-ardoise-700);
}

body.qds-coaching-fiche .btn {
  border-radius: var(--qds-r-moyen);
}
body.qds-coaching-fiche .bom-card-cta .btn {
  min-height: 44px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

body.qds-coaching-fiche footer.footer-lille-legal-test {
  background-color: var(--qds-ardoise-950) !important;
  border-top: 3px solid var(--qds-brique);
}
body.qds-coaching-fiche footer.footer-lille-legal-test h3 {
  color: var(--qds-ambre);
  font-size: 1.05rem;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

body.qds-coaching-fiche a:focus-visible,
body.qds-coaching-fiche button:focus-visible,
body.qds-coaching-fiche summary:focus-visible,
body.qds-coaching-fiche input:focus-visible,
body.qds-coaching-fiche label:focus-visible {
  outline: var(--qds-focus);
  outline-offset: var(--qds-focus-decalage);
}
body.qds-coaching-fiche footer.footer-lille-legal-test a:focus-visible {
  outline-color: var(--qds-ambre);
}

@media (prefers-reduced-motion: reduce) {
  body.qds-coaching-fiche * {
    transition-duration: 0.01ms !important;
    animation: none !important;
  }
}

/* ==========================================================================
   3. CAS PARTICULIER — body.qds-coaching-etudiants
      (coaching-etudiants-lille.html : page simple, hors hub, sans
      formation-fiche-shared.css, cf. cartographie §6)
   ========================================================================== */

body.qds-coaching-etudiants {
  background-color: var(--qds-ivoire);
}

body.qds-coaching-etudiants #navbar {
  border-top: 3px solid var(--qds-brique);
}

body.qds-coaching-etudiants .hero {
  background:
    linear-gradient(90deg, rgba(28, 42, 64, 0.035) 1px, transparent 1px),
    linear-gradient(rgba(28, 42, 64, 0.035) 1px, transparent 1px),
    linear-gradient(to bottom, var(--qds-chaux), var(--qds-ivoire));
  background-size: 2.5rem 2.5rem, 2.5rem 2.5rem, 100% 100%;
  border-bottom: 1px solid var(--qds-ardoise-100);
}

body.qds-coaching-etudiants .section-title-local::after {
  background: var(--qds-brique);
  height: 3px;
  box-shadow: 84px 0 0 0 var(--qds-ambre);
}
body.qds-coaching-etudiants .section-local-tone {
  background-color: var(--qds-pierre) !important;
}
body.qds-coaching-etudiants .hero-local-card,
body.qds-coaching-etudiants .card {
  background-color: var(--qds-blanc);
  border: 1px solid var(--qds-ardoise-100);
  border-top: 3px solid var(--qds-brique);
  box-shadow: var(--qds-ombre-1);
}
body.qds-coaching-etudiants details.rh-page-accordion:not(.rh-page-accordion--orange):not(.rh-page-accordion--dark) {
  border: 1px solid var(--qds-ardoise-100);
  border-radius: var(--qds-r-grand);
  background: var(--qds-blanc);
  box-shadow: var(--qds-ombre-1);
}
body.qds-coaching-etudiants details.rh-page-accordion:not(.rh-page-accordion--orange):not(.rh-page-accordion--dark) > summary.rh-page-accordion-summary {
  color: var(--qds-ardoise-900);
}
body.qds-coaching-etudiants .testimonial-author {
  color: var(--qds-ardoise-900);
}
body.qds-coaching-etudiants .testimonial-meta {
  color: var(--qds-ardoise-700);
}
body.qds-coaching-etudiants footer.footer-lille-legal-test {
  background-color: var(--qds-ardoise-950) !important;
  border-top: 3px solid var(--qds-brique);
}
body.qds-coaching-etudiants footer.footer-lille-legal-test h3 {
  color: var(--qds-ambre);
  font-size: 1.05rem;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}
body.qds-coaching-etudiants a:focus-visible,
body.qds-coaching-etudiants button:focus-visible,
body.qds-coaching-etudiants summary:focus-visible,
body.qds-coaching-etudiants input:focus-visible,
body.qds-coaching-etudiants label:focus-visible {
  outline: var(--qds-focus);
  outline-offset: var(--qds-focus-decalage);
}
@media (prefers-reduced-motion: reduce) {
  body.qds-coaching-etudiants * {
    transition-duration: 0.01ms !important;
    animation: none !important;
  }
}