/* =========================================================
   GENIUS MOVIES
   CLEAN LIGHT MODE V6

   IMPORTANT:
   This file changes COLORS only.
   It does NOT reposition mobile navigation.
   ========================================================= */


/* =========================================================
   PALETTE
   ========================================================= */

html[data-gm-theme="light"]{

    color-scheme:light;

    --gm-accent:#ed3159;
    --gm-accent-contrast:#ffffff;

    --gm-bg:#f4f6fa;

    --gm-surface:#ffffff;

    --gm-surface-2:#edf1f6;

    --gm-text:#202b3c;

    --gm-muted:#707b8d;

    --gm-border:#dbe2ea;

    --gm-link:#202b3c;

    --gm-shadow:
        0 8px 25px
        rgba(32,43,60,.08);
}


/* =========================================================
   PAGE
   ========================================================= */

html[data-gm-theme="light"],
html[data-gm-theme="light"] body{

    background-color:
        var(--gm-bg) !important;

    color:
        var(--gm-text) !important;
}


html[data-gm-theme="light"] body{

    background-image:
        linear-gradient(
            180deg,
            #fbfcfd 0,
            #f5f7fa 420px,
            #f0f3f7 100%
        ) !important;
}


/* =========================================================
   HEADER COLORS ONLY
   ========================================================= */

html[data-gm-theme="light"]
.gm-theme-main-header{

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

    color:
        var(--gm-text) !important;

    border-color:
        var(--gm-border) !important;

    box-shadow:
        0 7px 22px
        rgba(32,43,60,.07) !important;
}


/* =========================================================
   BRAND
   ========================================================= */

html[data-gm-theme="light"]
.gm-theme-brand-text,
html[data-gm-theme="light"]
.gm-theme-brand-text *{

    color:
        var(--gm-text) !important;

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

    opacity:1 !important;
}


/* =========================================================
   DESKTOP NAV
   COLORS ONLY
   ========================================================= */

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

    background:
        var(--gm-surface) !important;

    border-color:
        var(--gm-border) !important;

    box-shadow:
        0 5px 18px
        rgba(32,43,60,.055) !important;
}


html[data-gm-theme="light"]
.gm-theme-primary-nav :where(
    a,
    button,
    span,
    strong
),
html[data-gm-theme="light"]
.gm-theme-nav-item,
html[data-gm-theme="light"]
.gm-theme-nav-item *{

    color:
        #3d495b !important;

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

    opacity:1 !important;
}


html[data-gm-theme="light"]
.gm-theme-primary-nav svg{

    color:
        #697589 !important;

    stroke:
        #697589 !important;
}


html[data-gm-theme="light"]
.gm-theme-nav-item.active,
html[data-gm-theme="light"]
.gm-theme-nav-item.active *,
html[data-gm-theme="light"]
.gm-theme-nav-item[aria-current="page"],
html[data-gm-theme="light"]
.gm-theme-nav-item[aria-current="page"] *{

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

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


/* =========================================================
   SEARCH
   ========================================================= */

html[data-gm-theme="light"]
.gm-theme-search-shell{

    background:
        #ffffff !important;

    border-color:
        var(--gm-border) !important;

    box-shadow:
        0 5px 18px
        rgba(32,43,60,.055) !important;
}


html[data-gm-theme="light"]
.gm-theme-main-search{

    background:
        transparent !important;

    color:
        var(--gm-text) !important;

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


html[data-gm-theme="light"]
.gm-theme-main-search::placeholder{

    color:
        #8b96a6 !important;

    -webkit-text-fill-color:
        #8b96a6 !important;

    opacity:1 !important;
}


/* =========================================================
   DARK ANNOUNCEMENT BAR
   ========================================================= */

html[data-gm-theme="light"]
body :where(
    .site-announcement,
    .announcement-bar,
    .announcement,
    .ticker,
    .ticker-wrap,
    .notice-bar,
    .marquee
){

    background:
        #11141a !important;

    color:
        #f5f7fa !important;
}


html[data-gm-theme="light"]
body :where(
    .site-announcement,
    .announcement-bar,
    .announcement,
    .ticker,
    .ticker-wrap,
    .notice-bar,
    .marquee
) *{

    color:
        #f5f7fa !important;

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


/* =========================================================
   HERO ALWAYS DARK
   ========================================================= */

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

    background-color:
        #080b11 !important;

    color:
        #ffffff !important;
}


html[data-gm-theme="light"]
.gm-theme-hero :where(
    h1,
    h2,
    h3,
    h4,
    strong
),
html[data-gm-theme="light"]
.gm-theme-hero-title,
html[data-gm-theme="light"]
.gm-theme-hero-title *{

    color:
        #ffffff !important;

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


html[data-gm-theme="light"]
.gm-theme-hero-copy :where(
    p,
    span
){

    color:
        #d4dae4 !important;

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


/* =========================================================
   NORMAL PAGE HEADINGS
   ========================================================= */

html[data-gm-theme="light"]
body :where(
    h1,
    h2,
    h3,
    h4,
    h5,
    h6
){

    color:
        var(--gm-text) !important;

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


/*
 * Hero wins against normal heading rule.
 */

html[data-gm-theme="light"]
body .gm-theme-hero :where(
    h1,
    h2,
    h3,
    h4,
    h5
){

    color:
        #ffffff !important;

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


/* =========================================================
   MOVIE TITLE
   ========================================================= */

/*
 * Current and alternate card structures.
 */

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"]
.gm-v6-title,

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

    color:
        #202b3c !important;

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

    opacity:1 !important;

    visibility:visible !important;

    text-shadow:none !important;

    filter:none !important;

    mix-blend-mode:normal !important;

    font-weight:700 !important;
}


/* =========================================================
   MOVIE YEAR / GENRE
   ========================================================= */

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-v6-meta{

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

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

    opacity:1 !important;
}


/* =========================================================
   GENERIC CONTENT CARD TEXT
   ========================================================= */

html[data-gm-theme="light"]
body :where(
    .media-card,
    .content-card,
    .poster-card,
    .episode-card
) :where(
    h3,
    h4,
    .title,
    .name
){

    color:
        var(--gm-text) !important;

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

    opacity:1 !important;
}


/* =========================================================
   LIVE TV CARDS
   ========================================================= */

html[data-gm-theme="light"]
body :where(
    .live-card,
    .channel-card
){

    background:
        var(--gm-surface) !important;

    color:
        var(--gm-text) !important;

    border-color:
        var(--gm-border) !important;
}


html[data-gm-theme="light"]
body :where(
    .live-card,
    .channel-card
) :where(
    h3,
    h4,
    .title,
    .channel-name
){

    color:
        var(--gm-text) !important;

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


html[data-gm-theme="light"]
body :where(
    .live-card,
    .channel-card
) :where(
    .meta,
    .country,
    small
){

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

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


/* =========================================================
   LIVE NOTICE
   ========================================================= */

html[data-gm-theme="light"]
.gm-live-tv-guide{

    background:
        #ffffff !important;

    color:
        #5c6879 !important;

    border-color:
        var(--gm-border) !important;
}


/* =========================================================
   POSTER BADGES
   DARK IS BETTER
   ========================================================= */

html[data-gm-theme="light"]
.movie-card :where(
    .badge,
    .type,
    .type-badge,
    .quality
){

    background:
        rgba(20,24,31,.92) !important;

    color:
        #ffffff !important;

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


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

    background:
        rgba(20,24,31,.92) !important;

    color:
        #ffd85a !important;

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


/* =========================================================
   MOBILE NAVIGATION
   COLORS ONLY
   NO POSITION / DISPLAY / SIZE RULES HERE
   ========================================================= */

@media(max-width:760px){

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

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

        color:
            var(--gm-text) !important;

        border-color:
            var(--gm-border) !important;

        box-shadow:
            0 7px 27px
            rgba(32,43,60,.14) !important;
    }


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

        color:
            #3d495b !important;

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

        opacity:1 !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:
            var(--gm-accent) !important;

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


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

        background:
            #edf1f6 !important;

        color:
            #334155 !important;

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

        border-color:
            #d7dfe8 !important;
    }

}


/* =========================================================
   PLAYER STAYS BLACK
   ========================================================= */

html[data-gm-theme="light"]
.gwatch :where(
    video,
    .plyr
){

    background:
        #000000 !important;
}


/* =========================================================
   FOOTER DARK
   ========================================================= */

html[data-gm-theme="light"]
footer{

    background:
        #101319 !important;

    color:
        #b7c0cd !important;
}


html[data-gm-theme="light"]
footer :where(
    h1,
    h2,
    h3,
    h4,
    strong
){

    color:
        #ffffff !important;

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


html[data-gm-theme="light"]
footer :where(
    p,
    span,
    a
){

    color:
        #b7c0cd !important;

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