/**
 * =========================================================================
 * PAGEDINX PAGE TRANSITION STYLES
 * =========================================================================
 */

/* -----------------------------------------------------------------------
 * Page Transition — <main> & <footer> fade smoothly during navigation.
 * Triggered by body.pdx-loading (set by PagedinxTransition in transition.js)
 * ----------------------------------------------------------------------- */
main,
footer {
    transition: opacity 0.35s cubic-bezier(0.4, 0, 0.2, 1),
                transform 0.35s cubic-bezier(0.4, 0, 0.2, 1);
    will-change: opacity, transform;
}

body.pdx-loading main,
body.pdx-loading footer {
    opacity: 0;
    transform: translateY(8px);
    pointer-events: none;
}