/* Page Transition Styles */
body {
    overflow-x: hidden;
}

/* Ensure Header and Sidebar stay fixed/static */
.only-header, .header-bar, .sidebar, .sidebar-overlay, .bottom-bar {
    z-index: 9999 !important; /* Higher than content */
    transform: none !important; /* Prevent animation */
    transition: none !important;
}

/* Only animate the content wrapper */
.page-transition-content {
    will-change: transform, opacity;
    position: relative;
    z-index: 1;
}

/* Slide In Animation (Enter) */
.page-enter-active .page-transition-content {
    animation: slideInRight 0.4s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}

/* Slide Out Animation (Exit) */
.page-exit-active .page-transition-content {
    animation: slideOutRight 0.3s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}

/* Remove animation from body itself */
.page-enter-active, .page-exit-active {
    animation: none !important;
}

@keyframes slideInRight {
    from {
        transform: translate3d(100%, 0, 0);
        opacity: 0.5;
    }
    to {
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }
}

@keyframes slideOutRight {
    from {
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }
    to {
        transform: translate3d(100%, 0, 0);
        opacity: 0;
    }
}