/**
 * Transitions.css - Sliding Page Transitions Layout
 */

.nav-stage {
    position: relative;
    width: 100%;
    overflow: hidden;
    min-height: 100vh;
    min-height: 100dvh;
}

.nav-view {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    min-height: 100vh;
    min-height: 100dvh;
    background: transparent;
    z-index: var(--z-base);
}

/* Initial state for new entering views */
.nav-view-incoming {
    z-index: var(--z-above);
    transform: translateX(100%);
}

/* Fix for static positioning when not animating */
.nav-view.is-active {
    position: relative;
    transform: none !important;
}

/* Utility to prevent scroll overlap during transition */
.is-transitioning {
    pointer-events: none;
    cursor: wait;
}