/* =========================================================
   GENIUS MOVIES
   GLOBAL MOBILE BOTTOM NAV

   Applies to ALL themes and ALL public pages.
   Theme colors are intentionally untouched.
   ========================================================= */


@media(max-width:760px){

    html body
    .gm-main-nav.gm-global-mobile-nav{

        position:fixed !important;

        top:auto !important;

        bottom:
            calc(
                10px
                +
                env(safe-area-inset-bottom)
            )
            !important;

        left:10px !important;

        right:10px !important;

        width:auto !important;

        max-width:
            calc(
                100vw - 20px
            )
            !important;

        margin:0 !important;

        transform:none !important;

        box-sizing:border-box !important;

        z-index:2147482500 !important;

        overflow-x:auto !important;

        overflow-y:hidden !important;

        overscroll-behavior-x:contain;

        -webkit-overflow-scrolling:touch;

        scrollbar-width:none;
    }


    html body
    .gm-main-nav.gm-global-mobile-nav
    ::-webkit-scrollbar{

        display:none;
    }


    /*
     * Prevent page content from being hidden
     * behind the fixed bottom navigation.
     */

    html body{

        padding-bottom:
            calc(
                92px
                +
                env(safe-area-inset-bottom)
            );
    }

}


/*
 * Desktop position/layout is intentionally
 * not modified.
 *
 * No Light/Dark selectors exist here.
 */