/* ============================================================
   JCD — Transitions de page (View Transitions API, cross-document)

   Fondu de THÈME premium réservé aux allers/retours avec la page
   Carrières (bascule sombre #0a0a0a  <->  clair #faf9f4).
   Les autres navigations conservent le fondu simple par défaut.

   · Dégrade proprement : navigation instantanée si l'API n'est pas
     supportée (Firefox, anciens navigateurs).
   · Respecte prefers-reduced-motion.

   Le type « jcd-theme » est posé par js/shared/transition.js, selon que la page
   Carrières soit l'origine OU la destination de la navigation.
   ============================================================ */
@view-transition { navigation: auto; }

/* ~1200 ms, fondu enchaîné cinématique. Les DEUX plans bougent :
   · la nouvelle page « monte » en fondu avec un lent travelling avant
     (zoom type Ken Burns 1.05 → 1) PAR-DESSUS l'ancienne ;
   · l'ancienne reste pleinement opaque la première moitié, puis s'efface
     en reculant très légèrement (1 → 0.99).
   La nouvelle atteint sa pleine opacité (60 %) AVANT que l'ancienne ne
   commence vraiment à disparaître (chevauchement des opacités) → la
   luminosité progresse de façon monotone (sombre → clair, ou l'inverse),
   sans creux gris au milieu.
   Courbe ease-in-out symétrique → sensation « fondu enchaîné » de cinéma. */
html:active-view-transition-type(jcd-theme)::view-transition-old(root) {
  animation: jcd-theme-out 1200ms cubic-bezier(0.65, 0, 0.35, 1) both;
  transform-origin: 50% 50%;
}
html:active-view-transition-type(jcd-theme)::view-transition-new(root) {
  animation: jcd-theme-in 1200ms cubic-bezier(0.65, 0, 0.35, 1) both;
  transform-origin: 50% 50%;
}
@keyframes jcd-theme-in {
  0%   { opacity: 0; transform: scale(1.05); }
  60%  { opacity: 1; }
  100% { opacity: 1; transform: scale(1); }
}
@keyframes jcd-theme-out {
  0%   { opacity: 1; transform: scale(1); }
  40%  { opacity: 1; }
  100% { opacity: 0; transform: scale(0.99); }
}

/* Accessibilité : navigation instantanée pour qui réduit les animations
   (désactive aussi bien le fondu de thème que le fondu simple par défaut). */
@media (prefers-reduced-motion: reduce) {
  ::view-transition-group(*),
  ::view-transition-old(root),
  ::view-transition-new(root) {
    animation: none !important;
  }
}

/* ============================================================
   JCD — Pôle courant dans le footer.
   Sur une page de pôle (ou sa sous-page), le lien du pôle dans la
   colonne « Nos pôles » prend la couleur d'accent du pôle (--accent).
   La classe .is-current est posée par js/shared/transition.js. Sert de repère
   de navigation, dans la lignée du marqueur .is-current de la méga-nav.
   Spécificité 0,3,0 → l'emporte sur .footer-link et .footer-link:hover.
   ============================================================ */
.footer-links--cols .footer-link.is-current { color: var(--accent-hi, var(--accent)); }