/* ──────────────────────────────────────────────────────────────
   View Transitions — Larajax Turbo
   https://larajax.org/turbo/view-transitions.html
   Activé via les meta tags turbo-visit-control / turbo-view-transition
   dans partials/site/meta.htm
   ────────────────────────────────────────────────────────────── */

/* Transition de page simple : slide horizontal + fondu léger. */
::view-transition-old(root),
::view-transition-new(root) {
    animation-duration: 0.42s;
    animation-timing-function: cubic-bezier(0.2, 0.8, 0.2, 1);
}

::view-transition-old(root) {
    animation-name: arena-slide-out;
}

::view-transition-new(root) {
    animation-name: arena-slide-in;
}

@keyframes arena-slide-out {
    to {
        opacity: 0;
        transform: translateX(-22px);
    }
}

@keyframes arena-slide-in {
    from {
        opacity: 0;
        transform: translateX(34px);
    }
}

/* La navbar fixe ne doit pas "flasher" / glisser pendant la transition */
.arena-navbar {
    view-transition-name: arena-navbar;
}

::view-transition-old(arena-navbar),
::view-transition-new(arena-navbar) {
    animation: none;
}

@keyframes arena-fade-out {
    to { opacity: 0; }
}

@keyframes arena-fade-in {
    from { opacity: 0; }
}

/* Accessibilité : prefers-reduced-motion → fondu simple, sans mouvement */
@media (prefers-reduced-motion: reduce) {
    ::view-transition-old(root),
    ::view-transition-new(root) {
        animation-duration: 0.2s;
    }

    ::view-transition-old(root) {
        animation-name: arena-fade-out;
    }

    ::view-transition-new(root) {
        animation-name: arena-fade-in;
    }
}