/* =========================================================
   QAUSAINFLIX — MOBILE OFFCANVAS LOCK
   Keeps the page fixed while the mobile menu is open.
   The menu itself remains independently scrollable.
   ========================================================= */

@media (max-width: 1199.98px) {

    #navbar_main.mobile-offcanvas {
        position: fixed !important;
        top: 0 !important;
        right: auto !important;
        bottom: 0 !important;
        left: 0 !important;

        width: min(100%, 420px) !important;
        max-width: 100% !important;

        height: 100dvh !important;
        max-height: 100dvh !important;

        overflow: hidden !important;

        overscroll-behavior: contain !important;
        -webkit-overflow-scrolling: touch;

        z-index: 1200 !important;
    }

    #navbar_main.mobile-offcanvas > .container-fluid {
        height: 100% !important;
        max-height: 100% !important;

        overflow-y: auto !important;
        overflow-x: hidden !important;

        overscroll-behavior: contain !important;
        -webkit-overflow-scrolling: touch;

        touch-action: pan-y;
    }

    #navbar_main.mobile-offcanvas .offcanvas-header {
        flex-shrink: 0 !important;
    }

    body.qfx-mobile-menu-locked {
        position: fixed !important;
        width: 100% !important;
        left: 0 !important;
        right: 0 !important;

        overflow: hidden !important;
        overscroll-behavior: none !important;

        touch-action: none !important;
    }

    body.qfx-mobile-menu-locked #navbar_main,
    body.qfx-mobile-menu-locked #navbar_main * {
        touch-action: pan-y;
    }
}