/* VPC Swipe Header Menu - v1.2.1
   Animation directionnelle 100% CSS/JS (exit + enter), indépendante de View Transitions.
*/

html.vpc-swipe-exit-next body,
html.vpc-swipe-exit-prev body,
html.vpc-swipe-enter-next body,
html.vpc-swipe-enter-prev body {
  will-change: transform, opacity;
  transition: transform 260ms ease, opacity 260ms ease;
}

/* Entrée: arrive depuis droite / gauche */
html.vpc-swipe-enter-next body { transform: translateX(100%); opacity: 0.15; }
html.vpc-swipe-enter-prev body { transform: translateX(-100%); opacity: 0.15; }

/* Sortie: part vers gauche / droite */
html.vpc-swipe-exit-next body { transform: translateX(-100%); opacity: 0.15; }
html.vpc-swipe-exit-prev body { transform: translateX(100%); opacity: 0.15; }

@media (prefers-reduced-motion: reduce) {
  html.vpc-swipe-exit-next body,
  html.vpc-swipe-exit-prev body,
  html.vpc-swipe-enter-next body,
  html.vpc-swipe-enter-prev body {
    transition: none !important;
    transform: none !important;
    opacity: 1 !important;
  }
}