/**
 * page-transition — cross-fade natif + fondu de secours.
 * Durée réglable via --bejoy-pt-duration.
 */

/* Cross-fade natif entre navigations (Chrome/Edge…). Ignoré ailleurs. */
@view-transition {
  navigation: auto;
}

::view-transition-old(root),
::view-transition-new(root) {
  animation-duration: var(--bejoy-pt-duration, 0.5s);
  animation-timing-function: ease;
}

/* Fondu de secours : le body s'estompe/apparaît (navigateurs sans natif). */
html.bejoy-pt-hide body {
  opacity: 0;
}

body {
  transition: opacity var(--bejoy-pt-duration, 0.5s) ease;
}

@media (prefers-reduced-motion: reduce) {
  ::view-transition-old(root),
  ::view-transition-new(root) {
    animation: none;
  }
  body {
    transition: none;
  }
}