/* Animations complémentaires (septembre 2026).
   S'ajoutent à celles de la page sans les remplacer : la révélation des blocs
   au défilement reste gérée par le composant. Ici, uniquement :
   barre de lecture, en-tête au défilement, photos qui se dévoilent,
   pictogrammes tracés à la main, survols. Tout est coupé si l'utilisateur
   a demandé moins d'animations. */

/* Barre de lecture sous l'en-tête */
.gnb-progression {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 60;
  height: 3px;
  width: 100%;
  background: #1BAFD0;
  transform-origin: 0 50%;
  transform: scaleX(var(--gnb-p, 0));
  pointer-events: none;
}

/* En-tête : un filet plus net et une ombre douce une fois la page défilée */
header[data-gnb-defile] {
  transition: box-shadow 260ms ease, border-color 260ms ease;
}
header[data-gnb-defile="1"] {
  box-shadow: 0 6px 24px rgba(1, 43, 48, 0.08);
  border-bottom-color: rgba(1, 43, 48, 0.14) !important;
}

/* Photos : dévoilement de bas en haut, léger recadrage qui se pose */
img[data-gnb-photo] {
  transition: clip-path 1100ms cubic-bezier(.22, .61, .36, 1), transform 1400ms cubic-bezier(.22, .61, .36, 1);
}
img[data-gnb-photo="attente"] {
  clip-path: inset(100% 0 0 0 round 14px);
  transform: scale(1.06);
}
img[data-gnb-photo="vu"] {
  clip-path: inset(0 0 0 0 round 0px);
  transform: scale(1);
}

/* Survol des photos cadrées : zoom lent à l'intérieur du cadre */
[data-gnb-cadre] { overflow: hidden; }
[data-gnb-cadre] > img[data-gnb-photo="vu"] { transition: transform 900ms cubic-bezier(.22, .61, .36, 1); }
[data-gnb-cadre]:hover > img[data-gnb-photo="vu"] { transform: scale(1.035); }

/* Pictogrammes des engagements et des raisons : tracé progressif */
svg[data-gnb-trace] [data-gnb-l] {
  stroke-dasharray: var(--gnb-l);
  stroke-dashoffset: var(--gnb-l);
  transition: stroke-dashoffset 1300ms cubic-bezier(.45, .05, .25, 1) var(--gnb-d, 0ms);
}
svg[data-gnb-trace="vu"] [data-gnb-l] { stroke-dashoffset: 0; }

/* Cartes d'engagement : le pictogramme se soulève au survol */
[data-gnb-carte] > svg { transition: transform 320ms cubic-bezier(.32, .72, 0, 1); }
[data-gnb-carte]:hover > svg { transform: translateY(-4px) rotate(-4deg); }

/* Témoignages : la citation survolée ressort, les autres s'effacent un peu */
[data-marquee]:hover > figure { opacity: 0.55; transition: opacity 300ms ease; }
[data-marquee] > figure { transition: opacity 300ms ease; }
[data-marquee]:hover > figure:hover { opacity: 1; }

/* Correctifs d'accessibilité liés à l'audit */
header nav a { padding-block: 14px; }
footer a { padding-block: 10px; display: inline-block; }
[data-pile-points] > button {
  box-sizing: content-box !important;
  padding: 10px !important;
  background-clip: content-box !important;
}

@media (prefers-reduced-motion: reduce) {
  .gnb-progression { display: none; }
  img[data-gnb-photo] { clip-path: none !important; transform: none !important; transition: none !important; }
  svg[data-gnb-trace] [data-gnb-l] { stroke-dasharray: none; stroke-dashoffset: 0; transition: none; }
  [data-gnb-carte] > svg, [data-marquee] > figure { transition: none; }
}