/* =========================================================
   GENIUS MOVIES
   LIGHT MODE CRITICAL FIX V5
   ========================================================= */


/* =========================================================
   MOVIE / SERIES TITLES
   ========================================================= */

html[data-gm-theme="light"] .movie-card h3,
html[data-gm-theme="light"] .movie-card h3 *,
html[data-gm-theme="light"] .movie-card h3 a,

html[data-gm-theme="light"] .movie-card .movie-title,
html[data-gm-theme="light"] .movie-card .poster-title,
html[data-gm-theme="light"] .movie-card .card-title,
html[data-gm-theme="light"] .movie-card .title,

html[data-gm-theme="light"] .media-card h3,
html[data-gm-theme="light"] .media-card .title,

html[data-gm-theme="light"] .gm-force-light-title,
html[data-gm-theme="light"] .gm-force-light-title *{

    color:#202b3c !important;

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

    opacity:1 !important;

    visibility:visible !important;

    display:block !important;

    height:auto !important;

    min-height:0 !important;

    max-height:none !important;

    overflow:visible !important;

    text-indent:0 !important;

    text-shadow:none !important;

    font-weight:700 !important;

    line-height:1.28 !important;

    position:relative !important;

    z-index:5 !important;
}


/* Clickable title should remain inline/block naturally */

html[data-gm-theme="light"]
.gm-force-light-title a{

    display:inline !important;

    color:#202b3c !important;

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


/* =========================================================
   TITLE WRAPPER
   ========================================================= */

html[data-gm-theme="light"]
.gm-force-light-title-parent{

    height:auto !important;

    min-height:0 !important;

    max-height:none !important;

    overflow:visible !important;

    opacity:1 !important;

    visibility:visible !important;
}


/* =========================================================
   MOVIE META / YEAR
   ========================================================= */

html[data-gm-theme="light"] .movie-card .poster-year,
html[data-gm-theme="light"] .movie-card .meta,
html[data-gm-theme="light"] .movie-card .metadata,
html[data-gm-theme="light"] .gm-force-light-meta{

    color:#707b8d !important;

    -webkit-text-fill-color:#707b8d !important;

    opacity:1 !important;

    visibility:visible !important;
}


/* =========================================================
   MOVIE CARD AREA
   ========================================================= */

html[data-gm-theme="light"] .movie-card{

    color:#202b3c !important;

    overflow:visible !important;
}


/* =========================================================
   MOBILE BOTTOM MENU
   IMPORTANT:
   SAME POSITION IN DARK + LIGHT
   ========================================================= */

@media(max-width:760px){

    /*
     * The theme is NOT allowed to move the bottom menu.
     */

    .gm-real-bottom-nav{

        position:fixed !important;

        left:20px !important;

        right:20px !important;

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

        top:auto !important;

        width:auto !important;

        max-width:none !important;

        transform:none !important;

        margin:0 !important;

        z-index:2147482000 !important;

        box-sizing:border-box !important;
    }


    /*
     * Light mode changes ONLY appearance.
     */

    html[data-gm-theme="light"]
    .gm-real-bottom-nav{

        background:
            rgba(255,255,255,.98) !important;

        border:
            1px solid
            #dbe2ea !important;

        color:
            #202b3c !important;

        box-shadow:
            0 7px 28px
            rgba(30,41,59,.16) !important;
    }


    html[data-gm-theme="light"]
    .gm-real-bottom-nav :where(
        a,
        button,
        span,
        div
    ){

        color:#3c485a !important;

        -webkit-text-fill-color:#3c485a !important;

        opacity:1 !important;

        visibility:visible !important;
    }


    html[data-gm-theme="light"]
    .gm-real-bottom-nav :where(
        .active,
        [aria-current="page"]
    ),
    html[data-gm-theme="light"]
    .gm-real-bottom-nav :where(
        .active,
        [aria-current="page"]
    ) *{

        color:#ed3159 !important;

        -webkit-text-fill-color:#ed3159 !important;
    }


    /*
     * Keep content from hiding behind the fixed menu.
     */

    body{

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

}


/* =========================================================
   LIGHT MODE MOBILE ARROWS
   STAY ATTACHED TO SAME BOTTOM MENU
   ========================================================= */

@media(max-width:760px){

    html[data-gm-theme="light"]
    .gm-fixed-menu-arrow{

        background:#edf1f6 !important;

        color:#253247 !important;

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

        border-color:#d7dfe8 !important;
    }

}