/* =========================================================
   GENIUS MOVIES
   MOBILE FEATURED ACTIONS V3

   Home mobile only.
   ========================================================= */

@media(max-width:760px){

    /* =====================================================
       ROOT
       ===================================================== */

    html.gm-featured-actions-v3
    .gm-featured-root-v3{

        position:relative !important;

        isolation:isolate !important;

        overflow:hidden !important;
    }


    /* =====================================================
       PLAY + DETAILS ACTION ROW
       ===================================================== */

    html.gm-featured-actions-v3
    .gm-featured-actions-row-v3{

        position:relative !important;

        z-index:120 !important;

        display:flex !important;

        flex-direction:row !important;

        align-items:stretch !important;

        justify-content:flex-start !important;

        flex-wrap:nowrap !important;

        gap:9px !important;

        width:
            min(
                330px,
                calc(100% - 32px)
            ) !important;

        max-width:
            calc(100% - 32px) !important;

        height:auto !important;

        min-height:0 !important;

        margin-bottom:16px !important;

        padding:0 !important;

        overflow:visible !important;

        transform:none !important;

        pointer-events:auto !important;

        box-sizing:border-box !important;
    }


    html.gm-featured-actions-v3
    .gm-featured-play-v3,

    html.gm-featured-actions-v3
    .gm-featured-details-v3{

        position:relative !important;

        inset:auto !important;

        top:auto !important;

        right:auto !important;

        bottom:auto !important;

        left:auto !important;

        transform:none !important;

        z-index:130 !important;

        display:inline-flex !important;

        align-items:center !important;

        justify-content:center !important;

        gap:8px !important;

        height:52px !important;

        min-height:52px !important;

        max-height:52px !important;

        margin:0 !important;

        padding:
            0 15px !important;

        border-radius:
            13px !important;

        box-sizing:border-box !important;

        white-space:nowrap !important;

        font-family:
            inherit !important;

        font-size:
            14px !important;

        line-height:
            1 !important;

        font-weight:
            900 !important;

        text-decoration:
            none !important;

        opacity:1 !important;

        visibility:visible !important;

        pointer-events:auto !important;

        touch-action:manipulation !important;

        cursor:pointer !important;
    }


    html.gm-featured-actions-v3
    .gm-featured-play-v3{

        flex:
            1.25 1 0 !important;

        min-width:145px !important;
    }


    html.gm-featured-actions-v3
    .gm-featured-details-v3{

        flex:
            .85 1 0 !important;

        min-width:112px !important;
    }


    /* =====================================================
       DARK MODE
       ===================================================== */

    html[data-gm-theme="dark"]
    .gm-featured-play-v3{

        background:#223047 !important;

        color:#ffffff !important;

        -webkit-text-fill-color:
            #ffffff !important;

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

        box-shadow:
            0 9px 24px
            rgba(0,0,0,.25) !important;
    }


    html[data-gm-theme="dark"]
    .gm-featured-details-v3{

        background:
            rgba(18,24,35,.90) !important;

        color:#f5f7fb !important;

        -webkit-text-fill-color:
            #f5f7fb !important;

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

        box-shadow:
            0 8px 22px
            rgba(0,0,0,.19) !important;
    }


    /* =====================================================
       LIGHT MODE
       ===================================================== */

    html[data-gm-theme="light"]
    .gm-featured-play-v3{

        background:#202b3c !important;

        color:#ffffff !important;

        -webkit-text-fill-color:
            #ffffff !important;

        border:
            1px solid
            #202b3c !important;
    }


    html[data-gm-theme="light"]
    .gm-featured-details-v3{

        background:#ffffff !important;

        color:#202b3c !important;

        -webkit-text-fill-color:
            #202b3c !important;

        border:
            1px solid
            #d8e0e9 !important;

        box-shadow:
            0 7px 20px
            rgba(15,23,42,.08) !important;
    }


    html.gm-featured-actions-v3
    .gm-featured-play-v3 *,

    html.gm-featured-actions-v3
    .gm-featured-details-v3 *{

        color:inherit !important;

        -webkit-text-fill-color:
            currentColor !important;

        pointer-events:none !important;
    }


    /* =====================================================
       POSTER STRIP
       Always below both action buttons.
       ===================================================== */

    html.gm-featured-actions-v3
    .gm-featured-posters-v3{

        position:relative !important;

        z-index:30 !important;

        pointer-events:auto !important;

        transform:
            translateY(
                var(
                    --gm-featured-poster-shift-v3,
                    0px
                )
            ) !important;

        transition:
            transform .16s ease !important;
    }


    html.gm-featured-actions-v3
    .gm-featured-posters-v3
    .gm-poster-choice{

        position:relative !important;

        z-index:31 !important;

        pointer-events:auto !important;

        touch-action:manipulation !important;
    }


    html.gm-featured-actions-v3
    .gm-featured-posters-v3
    .gm-poster-choice img{

        pointer-events:none !important;
    }


    /* =====================================================
       SMALL SCREEN
       ===================================================== */

    @media(max-width:370px){

        html.gm-featured-actions-v3
        .gm-featured-actions-row-v3{

            width:
                calc(100% - 26px) !important;

            max-width:
                calc(100% - 26px) !important;

            gap:7px !important;
        }


        html.gm-featured-actions-v3
        .gm-featured-play-v3{

            min-width:132px !important;

            padding:
                0 11px !important;

            font-size:
                13px !important;
        }


        html.gm-featured-actions-v3
        .gm-featured-details-v3{

            min-width:96px !important;

            padding:
                0 9px !important;

            font-size:
                12px !important;
        }

    }

}