/*------------------- NAV STACK OVERLAY -------------------
   Fullscreen overlay za svaki frame u MobileNavStack-u.
   Z-index 2147483600 (blizu max int) da nadjaca sve postojece stacking context-e.
   Slide-in animacija sa desne strane daje native iOS/Android push feel.
   Trajanje animacije MORA se poklapati sa MobileNavStack.ExitAnimationMs (220 ms).
--------------------------------------------------------- */

.nav-stack-overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #ffffff;
    overflow-y: auto;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
    z-index: 2147483600;
    animation: nav-stack-slide-in 0.22s cubic-bezier(0.4, 0, 0.2, 1);
}

.nav-stack-overlay.exiting {
    animation: nav-stack-slide-out 0.22s cubic-bezier(0.4, 0, 1, 1) forwards;
}

@keyframes nav-stack-slide-in {
    from { transform: translateX(100%); }
    to { transform: translateX(0); }
}

@keyframes nav-stack-slide-out {
    from { transform: translateX(0); }
    to { transform: translateX(100%); }
}