/*
 * ====================================================================
 * bs5_view_transitions.css
 * ====================================================================
 * Native Same-Document & Cross-Document View Transitions API.
 * Modern Chromium + Safari; Firefox ignoriert es — degradiert sauber.
 * Siehe CLAUDE_TODO/frontend_seo.md (U2.1)
 * ====================================================================
 */

@view-transition {
    navigation: auto;
}

::view-transition-old(root),
::view-transition-new(root) {
    animation-duration: 0.28s;
    animation-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1);
}

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

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

@keyframes fm-vt-fade-out {
    to {
        opacity: 0;
        transform: translateY(-8px);
    }
}

@keyframes fm-vt-fade-in {
    from {
        opacity: 0;
        transform: translateY(8px);
    }
}

/* Nutzer mit reduced-motion: keine View Transitions */
@media (prefers-reduced-motion: reduce) {
    @view-transition {
        navigation: none;
    }
}