/* =========================================================
   GENIUS MOVIES
   PROFESSIONAL LIGHT MODE V3
   ========================================================= */


/* =========================================================
   DEFAULT LIGHT PALETTE
   ========================================================= */

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

    color-scheme:light;

    --gm-accent:#ed3159;

    --gm-accent-contrast:#ffffff;

    --gm-bg:#f3f6fa;

    --gm-surface:#ffffff;

    --gm-surface-2:#edf1f6;

    --gm-text:#1b2638;

    --gm-muted:#6e798b;

    --gm-border:#dce2ea;

    --gm-link:#1b2638;

    --gm-shadow:
        0 8px 30px
        rgba(27,38,56,.08);
}


/* =========================================================
   BODY
   ========================================================= */

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

    background:
        #f3f6fa !important;
}


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

    background:
        linear-gradient(
            180deg,
            #f8fafc 0,
            #f3f6fa 350px,
            #eef2f7 100%
        ) !important;

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


/* =========================================================
   MAIN HEADER
   ========================================================= */

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

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

    border-bottom:
        1px solid
        var(--gm-border) !important;

    box-shadow:
        0 5px 20px
        rgba(25,35,50,.06) !important;

    backdrop-filter:
        blur(14px);

    -webkit-backdrop-filter:
        blur(14px);
}


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

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

    color:
        #1b2638 !important;

    -webkit-text-fill-color:
        #1b2638 !important;

    opacity:1 !important;
}


/* =========================================================
   PRIMARY NAVIGATION BOX
   ========================================================= */

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

    background:
        #ffffff !important;

    border:
        1px solid
        #e2e7ee !important;

    border-radius:
        14px !important;

    box-shadow:
        0 5px 18px
        rgba(27,38,56,.055) !important;
}


/*
 * IMPORTANT:
 * Force nested menu labels visible.
 */

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

    color:
        #3a4658 !important;

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

    opacity:1 !important;

    visibility:visible !important;
}


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

    color:
        #718096 !important;

    stroke:
        #718096 !important;
}


html[data-gm-theme="light"]
.gm-theme-nav-item svg :where(
    path,
    line,
    polyline,
    rect,
    circle
){

    stroke:
        currentColor !important;
}


/* =========================================================
   ACTIVE MENU
   ========================================================= */

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;
}


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

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

    stroke:
        var(--gm-accent) !important;
}


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

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

    background:
        #ffffff !important;

    border:
        1px solid
        #d9e0e9 !important;

    border-radius:
        14px !important;

    box-shadow:
        0 4px 16px
        rgba(27,38,56,.055) !important;
}


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

    background:
        transparent !important;

    color:
        #263247 !important;

    border-color:
        transparent !important;

    box-shadow:
        none !important;
}


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

    color:
        #8792a4 !important;

    opacity:1 !important;
}


/* =========================================================
   HERO MUST REMAIN CINEMATIC
   ========================================================= */

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

    color:
        #ffffff !important;

    /*
     * Hero artwork remains dark/cinematic even
     * when the surrounding site is Light.
     */

    background-color:
        #080b12 !important;
}


/*
 * HERO TITLE:
 * this fixes Amarga Navidad being dark on dark.
 */

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

    color:
        #ffffff !important;

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

    text-shadow:
        0 3px 20px
        rgba(0,0,0,.50) !important;
}


/*
 * Keep hero content readable.
 */

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

    color:
        #f7f8fb !important;

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


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

    color:
        rgba(245,247,251,.78) !important;

    -webkit-text-fill-color:
        rgba(245,247,251,.78) !important;
}


/* =========================================================
   HERO PLAY BUTTON
   ========================================================= */

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

    background:
        #ffffff !important;

    color:
        #111827 !important;

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

    border-color:
        #ffffff !important;
}


/* =========================================================
   HERO DETAILS BUTTON
   ========================================================= */

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

    background:
        rgba(20,24,32,.72) !important;

    color:
        #ffffff !important;

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

    border-color:
        rgba(255,255,255,.18) !important;
}


/* =========================================================
   GENERAL PAGE HEADINGS
   ========================================================= */

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

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


/*
 * Hero takes priority over general heading rule.
 */

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

    color:
        #ffffff !important;

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


/* =========================================================
   SECTION LABELS
   ========================================================= */

html[data-gm-theme="light"]
body :where(
    .eyebrow,
    .section-label,
    .explore-label
){

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


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

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

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

    border-color:
        #dce2ea !important;
}


html[data-gm-theme="light"]
body :where(
    .movie-card,
    .media-card,
    .content-card,
    .poster-card,
    .live-card,
    .channel-card,
    .episode-card
)
:where(
    .meta,
    .metadata,
    small
){

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


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

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

    background:
        #ffffff !important;

    color:
        #596579 !important;

    border:
        1px solid
        #dce2ea !important;

    box-shadow:
        0 4px 16px
        rgba(27,38,56,.05) !important;
}


/* =========================================================
   FORMS / FILTERS
   ========================================================= */

html[data-gm-theme="light"]
body :where(
    select,
    textarea
){

    background:
        #ffffff !important;

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

    border-color:
        #d9e0e9 !important;
}


/* =========================================================
   DROPDOWN MENUS
   ========================================================= */

html[data-gm-theme="light"]
body :where(
    .dropdown-menu,
    .dropdown-content,
    .menu-panel
){

    background:
        #ffffff !important;

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

    border:
        1px solid
        #dce2ea !important;

    box-shadow:
        0 14px 36px
        rgba(27,38,56,.12) !important;
}


/* =========================================================
   BOTTOM MOBILE NAV
   ========================================================= */

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

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

    border:
        1px solid
        #d9e0e9 !important;

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

    box-shadow:
        0 -5px 25px
        rgba(27,38,56,.10) !important;
}


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

    color:
        #3a4658 !important;

    -webkit-text-fill-color:
        #3a4658 !important;
}


/* =========================================================
   BOTTOM ARROWS
   ========================================================= */

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

    background:
        #edf1f6 !important;

    color:
        #334155 !important;

    border-color:
        #d9e0e9 !important;
}


/* =========================================================
   THEME BUTTON
   ========================================================= */

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

    background:
        #ffffff !important;

    color:
        #253247 !important;

    border:
        1px solid
        #dce2ea !important;

    box-shadow:
        0 8px 26px
        rgba(27,38,56,.14) !important;
}


/* =========================================================
   THEME PANEL
   ========================================================= */

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

    background:
        #ffffff !important;

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

    border-color:
        #dce2ea !important;
}


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

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


/* =========================================================
   DESKTOP SPACING / POLISH
   ========================================================= */

@media(min-width:761px){

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

        padding-top:
            10px !important;

        padding-bottom:
            10px !important;
    }


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

        padding-left:
            10px !important;

        padding-right:
            10px !important;
    }

}


/* =========================================================
   MOBILE POLISH
   ========================================================= */

@media(max-width:760px){

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

        background:
            #f3f6fa !important;
    }


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

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


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

        border-radius:
            12px !important;
    }

}