/* =========================================================
   LIGHT MODE ACTUAL TITLE TEXT V11
   ========================================================= */


/*
 * DARK MODE:
 * No styling is applied here.
 */


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

html[data-gm-theme="light"]
.gm-light-title-text-v11{

    color:#202b3c !important;

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

    opacity:1 !important;

    visibility:visible !important;

    filter:none !important;

    text-shadow:none !important;

    mix-blend-mode:normal !important;

    text-indent:0 !important;

    font-style:normal !important;

    font-weight:700 !important;

    letter-spacing:0 !important;
}


/*
 * Also repair the immediate title wrapper
 * in case its color/opacity is causing the issue.
 */

html[data-gm-theme="light"]
.movie-card *:has(> .gm-light-title-text-v11){

    color:#202b3c !important;

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

    opacity:1 !important;

    visibility:visible !important;

    filter:none !important;

    text-shadow:none !important;
}


/* Link surrounding title */

html[data-gm-theme="light"]
.movie-card a:has(.gm-light-title-text-v11){

    color:#202b3c !important;

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

    opacity:1 !important;

    visibility:visible !important;
}


/* Hover */

html[data-gm-theme="light"]
.movie-card:hover
.gm-light-title-text-v11{

    color:#ed3159 !important;

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


/* Mobile title */

@media(max-width:760px){

    html[data-gm-theme="light"]
    .gm-light-title-text-v11{

        color:#202b3c !important;

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

        opacity:1 !important;

        visibility:visible !important;
    }

}


/*
 * NO DARK MODE SELECTORS
 * NO MOBILE MENU POSITION RULES
 */