/*
 * GENIUS MOVIES
 * LIGHT MODE TITLE FIX V9
 *
 * IMPORTANT:
 * Nothing here changes Dark mode.
 */


/* Clone does not exist visually outside Light mode */

.gm-light-title-v9{
    display:none;
}


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

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

    display:block !important;

    color:#202b3c !important;

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

    opacity:1 !important;

    visibility:visible !important;

    position:relative !important;

    z-index:20 !important;

    width:100% !important;

    height:auto !important;

    min-height:18px !important;

    max-height:none !important;

    margin:10px 0 5px 0 !important;

    padding:0 !important;

    overflow:visible !important;

    clip:auto !important;

    clip-path:none !important;

    transform:none !important;

    filter:none !important;

    mix-blend-mode:normal !important;

    text-indent:0 !important;

    text-shadow:none !important;

    white-space:normal !important;

    word-break:break-word !important;

    font-size:15px !important;

    font-weight:700 !important;

    line-height:1.3 !important;

    letter-spacing:0 !important;

    font-family:inherit !important;

    cursor:pointer;
}


/*
 * Make original title invisible in LIGHT only,
 * because V9 renders the guaranteed title copy.
 * It still occupies no extra space.
 */

html[data-gm-theme="light"]
.movie-card > h3.gm-v9-original-title,
html[data-gm-theme="light"]
.movie-card .gm-v9-original-title{

    display:none !important;
}


/* Year/genre remains below title */

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

    display:block !important;

    color:#707b8d !important;

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

    opacity:1 !important;

    visibility:visible !important;

    margin-top:0 !important;
}


/* Hover */

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

    color:#ed3159 !important;

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


/* Mobile title size */

@media(max-width:760px){

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

        font-size:14px !important;

        line-height:1.3 !important;

        margin-top:8px !important;
    }

}


/*
 * IMPORTANT:
 * No mobile nav position/top/bottom/left/right rules.
 */