/* =========================================================
   MCKIDS — Transitions fluides entre les pages
   (View Transition API native du navigateur, gratuite et
   sans dépendance : aucune librairie, aucun JS nécessaire)

   Compatibilité : Chrome / Edge 111+ activent automatiquement
   un fondu entre les pages. Les autres navigateurs (Firefox,
   Safari plus anciens) ignorent silencieusement cette règle et
   la navigation reste normale : AUCUN RISQUE de casse.
   ========================================================= */

@view-transition {
  navigation: auto;
}

/* Fondu enchaîné + léger zoom, dans l'esprit "univers néon" du site */
::view-transition-old(root) {
  animation: mckids-fade-out 0.35s ease forwards;
}

::view-transition-new(root) {
  animation: mckids-fade-in 0.45s ease forwards;
}

@keyframes mckids-fade-out {
  from { opacity: 1; transform: scale(1); filter: blur(0); }
  to   { opacity: 0; transform: scale(1.02); filter: blur(2px); }
}

@keyframes mckids-fade-in {
  from { opacity: 0; transform: scale(0.98); filter: blur(2px); }
  to   { opacity: 1; transform: scale(1); filter: blur(0); }
}

/* Respect des préférences d'accessibilité : pas d'animation
   si l'utilisateur a demandé "réduire les animations" */
@media (prefers-reduced-motion: reduce) {
  ::view-transition-old(root),
  ::view-transition-new(root) {
    animation: none;
  }
}