/* =====================================================
   PAGE SWIPE TRANSITION  (FIXED: left -> right)
===================================================== */

#page-swipe-overlay {
    position: fixed;
    inset: 0;
    z-index: 999999;
    pointer-events: none;
    background: var(--ast-global-color-0);
    opacity: 0.92;

    /* Start hidden off-screen to the LEFT */
    transform: translateX(-100%);
}

body.is-page-swiping #page-swipe-overlay {
    animation: pageSwipeIn 260ms ease forwards;
}

/* Animate from left -> cover page (left to right) */
@keyframes pageSwipeIn {
    from { transform: translateX(-100%); }
    to   { transform: translateX(0%); }
}