/**
 * View Transitions CSS
 * Constanta One - Light Theme
 *
 * Works with View Transitions plugin (wordpress.org/plugins/view-transitions/)
 * Fallback: browsers without support see normal page loads (no errors)
 */

/* Enable cross-document view transitions */
@view-transition {
    navigation: auto;
}

/* === DEFAULT FADE TRANSITION === */
/* Outgoing page fades out */
::view-transition-old(root) {
    animation: tt-fade-out 0.2s ease-out both;
}

/* Incoming page fades in with slight delay for overlap */
::view-transition-new(root) {
    animation: tt-fade-in 0.2s ease-in 0.05s both;
}

@keyframes tt-fade-out {
    from { opacity: 1; }
    to { opacity: 0; }
}

@keyframes tt-fade-in {
    from { opacity: 0; }
    to { opacity: 1; }
}

/* === PERSISTENT ELEMENTS === */
/* Header and bottom bar stay in place during transition */
.td-header-wrap,
.mobile-bottombar,
.td-main-menu-logo {
    view-transition-name: none;
}

/* === REDUCE MOTION PREFERENCE === */
/* Respect user accessibility settings */
@media (prefers-reduced-motion: reduce) {
    @view-transition {
        navigation: none;
    }

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