/* =========================================================
   GENIUS MOVIES
   EXACT LIGHT RUNTIME FIX V13
   ========================================================= */


/*
 * This CSS is activated only while V13 JS confirms
 * that the visitor has Light mode enabled.
 */

html.gm-light-runtime-v13{

    --gm-v13-title:#202938;
    --gm-v13-muted:#697586;
    --gm-v13-nav:#344054;
    --gm-v13-accent:#ed3159;
}


/* =========================================================
   RUNTIME HOME CARDS
   home-cinema.js creates:
   .rail-card
     .rail-card-copy
       strong  = TITLE
       span    = YEAR / GENRE
   ========================================================= */

html.gm-light-runtime-v13
.rail-card-copy{

    color:
        var(--gm-v13-title) !important;

    opacity:1 !important;

    visibility:visible !important;

    filter:none !important;

    mix-blend-mode:normal !important;
}


html.gm-light-runtime-v13
.rail-card-copy > strong{

    display:block !important;

    color:
        var(--gm-v13-title) !important;

    -webkit-text-fill-color:
        var(--gm-v13-title) !important;

    opacity:1 !important;

    visibility:visible !important;

    filter:none !important;

    mix-blend-mode:normal !important;

    text-shadow:none !important;

    text-indent:0 !important;

    clip:auto !important;

    clip-path:none !important;

    transform:none !important;

    height:auto !important;

    min-height:18px !important;

    max-height:none !important;

    overflow:visible !important;

    white-space:normal !important;

    word-break:normal !important;

    overflow-wrap:anywhere !important;

    font-family:inherit !important;

    font-size:15px !important;

    font-style:normal !important;

    font-weight:700 !important;

    line-height:1.32 !important;

    letter-spacing:0 !important;
}


html.gm-light-runtime-v13
.rail-card-copy > span{

    color:
        var(--gm-v13-muted) !important;

    -webkit-text-fill-color:
        var(--gm-v13-muted) !important;

    opacity:1 !important;

    visibility:visible !important;

    filter:none !important;

    text-shadow:none !important;
}


/* Hover */

html.gm-light-runtime-v13
.rail-card:hover
.rail-card-copy > strong{

    color:
        var(--gm-v13-accent) !important;

    -webkit-text-fill-color:
        var(--gm-v13-accent) !important;
}


/* =========================================================
   SERVER FALLBACK CARDS
   ========================================================= */

html.gm-light-runtime-v13
.movie-info h3,

html.gm-light-runtime-v13
.movie-info h3 *{

    color:
        var(--gm-v13-title) !important;

    -webkit-text-fill-color:
        var(--gm-v13-title) !important;

    opacity:1 !important;

    visibility:visible !important;

    filter:none !important;

    text-shadow:none !important;
}


html.gm-light-runtime-v13
.movie-info .card-meta,

html.gm-light-runtime-v13
.movie-info .card-meta *{

    color:
        var(--gm-v13-muted) !important;

    -webkit-text-fill-color:
        var(--gm-v13-muted) !important;

    opacity:1 !important;
}


/* =========================================================
   PC HEADER NAVIGATION
   ========================================================= */

@media(min-width:761px){

    html.gm-light-runtime-v13
    .gm-main-nav{

        color:
            var(--gm-v13-nav) !important;
    }


    html.gm-light-runtime-v13
    .gm-main-nav > a,

    html.gm-light-runtime-v13
    .gm-main-nav >
    .gm-movies-nav > a{

        color:
            var(--gm-v13-nav) !important;

        -webkit-text-fill-color:
            var(--gm-v13-nav) !important;

        opacity:1 !important;

        visibility:visible !important;

        filter:none !important;

        text-shadow:none !important;
    }


    /*
     * Actual text labels.
     */

    html.gm-light-runtime-v13
    .gm-main-nav > a >
    span:not(.gm-nav-svg),

    html.gm-light-runtime-v13
    .gm-main-nav >
    .gm-movies-nav > a >
    span:not(.gm-nav-svg){

        display:inline !important;

        color:
            var(--gm-v13-nav) !important;

        -webkit-text-fill-color:
            var(--gm-v13-nav) !important;

        opacity:1 !important;

        visibility:visible !important;

        filter:none !important;

        clip:auto !important;

        clip-path:none !important;

        text-indent:0 !important;

        font-size:inherit !important;
    }


    /*
     * Active page remains pink.
     */

    html.gm-light-runtime-v13
    .gm-main-nav > a.active,

    html.gm-light-runtime-v13
    .gm-main-nav > a.active >
    span:not(.gm-nav-svg),

    html.gm-light-runtime-v13
    .gm-main-nav >
    .gm-movies-nav.active > a,

    html.gm-light-runtime-v13
    .gm-main-nav >
    .gm-movies-nav.active > a >
    span:not(.gm-nav-svg){

        color:
            var(--gm-v13-accent) !important;

        -webkit-text-fill-color:
            var(--gm-v13-accent) !important;
    }


    /*
     * Icons.
     */

    html.gm-light-runtime-v13
    .gm-main-nav .gm-nav-svg{

        color:#667085 !important;

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

        opacity:1 !important;

        visibility:visible !important;
    }


    html.gm-light-runtime-v13
    .gm-main-nav .gm-nav-svg svg{

        color:#667085 !important;

        stroke:#667085 !important;

        opacity:1 !important;
    }

}


/* =========================================================
   MOBILE RUNTIME TITLES
   ONLY TEXT COLORS — NO MENU POSITIONING
   ========================================================= */

@media(max-width:760px){

    html.gm-light-runtime-v13
    .rail-card-copy > strong{

        font-size:14px !important;

        color:
            var(--gm-v13-title) !important;

        -webkit-text-fill-color:
            var(--gm-v13-title) !important;
    }


    html.gm-light-runtime-v13
    .rail-card-copy > span{

        color:
            var(--gm-v13-muted) !important;

        -webkit-text-fill-color:
            var(--gm-v13-muted) !important;
    }

}


/*
 * IMPORTANT:
 *
 * There is deliberately NO:
 * .gm-real-bottom-nav rule
 * .gm-fixed-menu-arrow rule
 * position:fixed
 * bottom:
 * top:
 * left:
 * right:
 */