/* ==========================================================================
   REFONTE INSTITUTIONNEL — déploiement par famille (phase 5C)
   Feuille additive. Un scope unique pour les 2 pages de la famille :
     body.qds-institutionnel
       - cgv-mentions-legales-charte-deontologie.html (page longue juridique)
       - apporteur-d-affaires-a-lille.html (partenariat, noindex)
   Habillage typographique et structurel uniquement. Aucun contenu, lien,
   formulaire ou attribut modifié. Dépend de refonte-tokens.css.
   ========================================================================== */

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

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

/* --- Hero / introduction --- */
body.qds-institutionnel .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);
  position: relative;
}
@media (min-width: 1024px) {
  body.qds-institutionnel .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;
  }
}

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

/* --- Cartes et encadrés --- */
body.qds-institutionnel .hero-local-card,
body.qds-institutionnel .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);
}

/* --- FAQ (div.faq-item sur apporteur-d-affaires, pas <details>) --- */
body.qds-institutionnel .faq-item {
  border-color: var(--qds-ardoise-100);
}

/* --- Accordéons <details> génériques (CGV) : habillage discret.
   Pas de variante --orange/--dark sur ces pages (vérifié en analyse) ;
   exclusion préventive néanmoins, par cohérence avec les familles
   précédentes. --- */
body.qds-institutionnel details:not(.rh-page-accordion--orange):not(.rh-page-accordion--dark) {
  border: 1px solid var(--qds-ardoise-100);
  border-radius: var(--qds-r-moyen);
  background: var(--qds-blanc);
  box-shadow: var(--qds-ombre-1);
}
body.qds-institutionnel details:not(.rh-page-accordion--orange):not(.rh-page-accordion--dark) > summary {
  color: var(--qds-ardoise-900);
}
body.qds-institutionnel details:not(.rh-page-accordion--orange):not(.rh-page-accordion--dark)[open] > summary {
  background: var(--qds-pierre);
}

/* --- Boutons --- */
body.qds-institutionnel .btn {
  border-radius: var(--qds-r-moyen);
}

/* --- Pied de page --- */
body.qds-institutionnel footer.footer-lille-legal-test {
  background-color: var(--qds-ardoise-950) !important;
  border-top: 3px solid var(--qds-brique);
}
body.qds-institutionnel 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-institutionnel a:focus-visible,
body.qds-institutionnel button:focus-visible,
body.qds-institutionnel summary:focus-visible,
body.qds-institutionnel input:focus-visible,
body.qds-institutionnel label:focus-visible {
  outline: var(--qds-focus);
  outline-offset: var(--qds-focus-decalage);
}
body.qds-institutionnel footer.footer-lille-legal-test a:focus-visible {
  outline-color: var(--qds-ambre);
}

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