/* =====================================================
   ZWDevs - Page Transitions CSS
   ===================================================== */

/* Page transition overlay */
.transition-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(135deg, #0f0c29, #302b63, #24243e);
    z-index: 99999;
    transform: scaleY(0);
    transform-origin: bottom center;
    pointer-events: none;
}

/* Ensure the wrapper doesn't overflow during transition */
body[data-barba="wrapper"] {
    overflow-x: hidden !important;
}

/* Adjustments for content loading to prevent layout shifts */
.barba-container {
    width: 100%;
    min-height: 100vh;
}