/* =========================================================
   GENIUS MOVIES
   MOBILE HOME UI FINAL V3
   ========================================================= */

@media(max-width:760px){


    /* =====================================================
       BOTTOM MENU
       ===================================================== */

    .gm-real-bottom-nav{

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

        flex-wrap:nowrap !important;

        scroll-behavior:smooth;

        -webkit-overflow-scrolling:touch;

        scrollbar-width:none !important;

        padding-left:40px !important;
        padding-right:40px !important;

        box-sizing:border-box !important;
    }


    .gm-real-bottom-nav::-webkit-scrollbar{

        display:none !important;
    }



    /* =====================================================
       INTEGRATED LEFT / RIGHT BUTTONS
       ===================================================== */

    .gm-real-bottom-arrow{

        position:fixed !important;

        z-index:2147483000 !important;

        display:flex !important;

        align-items:center !important;
        justify-content:center !important;

        width:30px !important;
        height:44px !important;

        margin:0 !important;
        padding:0 !important;

        color:#f5f7ff !important;

        background:
            linear-gradient(
                180deg,
                rgba(24,28,36,.98),
                rgba(12,15,21,.98)
            ) !important;

        border:
            1px solid
            rgba(255,255,255,.10) !important;

        box-shadow:none !important;

        backdrop-filter:
            blur(10px);

        -webkit-backdrop-filter:
            blur(10px);

        font-family:
            Arial,
            sans-serif !important;

        font-size:27px !important;

        font-weight:400 !important;

        line-height:1 !important;

        cursor:pointer !important;

        -webkit-tap-highlight-color:
            transparent;

        transition:
            background .15s ease,
            opacity .15s ease,
            transform .12s ease;
    }


    /*
     * Buttons now look like they are part
     * of the menu container itself.
     */

    .gm-real-bottom-arrow.prev{

        border-radius:
            10px 4px 4px 10px !important;

        border-right-color:
            rgba(255,255,255,.06) !important;
    }


    .gm-real-bottom-arrow.next{

        border-radius:
            4px 10px 10px 4px !important;

        border-left-color:
            rgba(255,255,255,.06) !important;
    }


    .gm-real-bottom-arrow:active{

        transform:
            scale(.92);
    }


    .gm-real-bottom-arrow.is-edge{

        opacity:.38 !important;
    }


    .gm-real-bottom-arrow span{

        display:block !important;

        line-height:1 !important;

        transform:
            translateY(-1px);
    }



    /* =====================================================
       LIVE TV COMPACT
       ===================================================== */

    .gm-live-runtime-section{

        min-height:0 !important;

        height:auto !important;

        max-height:none !important;

        margin-bottom:0 !important;

        padding-bottom:4px !important;
    }


    .gm-live-runtime-chain{

        min-height:0 !important;

        height:auto !important;

        max-height:none !important;

        margin-bottom:0 !important;

        padding-bottom:0 !important;
    }


    .gm-live-runtime-row{

        min-height:0 !important;

        height:auto !important;

        margin-bottom:0 !important;

        padding-bottom:0 !important;
    }


    /*
     * New & Trending section pulled closer
     * to the Live TV cards.
     */

    .gm-trending-runtime-tight{

        position:relative !important;

        margin-top:0 !important;

        padding-top:0 !important;
    }

}


@media(min-width:761px){

    .gm-real-bottom-arrow{

        display:none !important;
    }

}


/* =========================================================
   GM MOBILE V3 SAFE OVERRIDE
   ========================================================= */

@media(max-width:760px){

    /*
     * Arrow appearance integrated with menu box.
     */

    .gm-real-bottom-arrow{

        width:30px !important;

        background:
            linear-gradient(
                180deg,
                rgba(27,31,39,.98),
                rgba(12,15,21,.98)
            ) !important;

        border:
            1px solid
            rgba(255,255,255,.10) !important;

        box-shadow:
            inset 0 0 0 1px
            rgba(255,255,255,.015)
            !important;

        color:#f6f7fb !important;

        font-size:26px !important;
    }


    .gm-real-bottom-arrow.prev{

        border-radius:
            9px 3px 3px 9px
            !important;
    }


    .gm-real-bottom-arrow.next{

        border-radius:
            3px 9px 9px 3px
            !important;
    }


    /*
     * Keep enough room so menu text
     * never hides under the arrows.
     */

    .gm-real-bottom-nav{

        padding-left:40px !important;
        padding-right:40px !important;
    }


    /*
     * Remove remaining Live TV bottom spacing.
     */

    .gm-live-runtime-section{

        padding-bottom:0 !important;
        margin-bottom:0 !important;
    }


    .gm-live-runtime-chain,
    .gm-live-runtime-row{

        padding-bottom:0 !important;
        margin-bottom:0 !important;

        min-height:0 !important;
    }

}