/* ========================================================= GENIUS MOVIES PROFESSIONAL LIGHT MODE FINAL ========================================================= */ /* ========================================================= LIGHT BASE ========================================================= */ 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 10px 28px rgba(32,43,60,.08); } html[data-gm-theme="light"], html[data-gm-theme="light"] body{ background: var(--gm-bg) !important; color: var(--gm-text) !important; } html[data-gm-theme="light"] body{ background-image: linear-gradient( 180deg, #fbfcfd 0, var(--gm-bg) 360px, #eef2f6 100% ) !important; } /* ========================================================= HEADER / BRAND ========================================================= */ html[data-gm-theme="light"] .gm-theme-main-header{ background: rgba(255,255,255,.985) !important; border-bottom: 1px solid var(--gm-border) !important; box-shadow: 0 7px 24px rgba(32,43,60,.07) !important; } 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; } /* ========================================================= NAVIGATION ========================================================= */ html[data-gm-theme="light"] .gm-theme-primary-nav{ background: var(--gm-surface) !important; border: 1px solid var(--gm-border) !important; border-radius: 16px !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: #3c485a !important; -webkit-text-fill-color: #3c485a !important; opacity:1 !important; visibility:visible !important; } html[data-gm-theme="light"] .gm-theme-primary-nav svg{ color: #6c788a !important; stroke: #6c788a !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: var(--gm-surface) !important; border: 1px solid var(--gm-border) !important; border-radius: 16px !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; border: 0 !important; box-shadow: none !important; } html[data-gm-theme="light"] .gm-theme-main-search::placeholder{ color: var(--gm-muted) !important; -webkit-text-fill-color: var(--gm-muted) !important; opacity:.8 !important; } /* ========================================================= ANNOUNCEMENT BAR DARK ON PURPOSE ========================================================= */ html[data-gm-theme="light"] body :where( .site-announcement, .announcement-bar, .announcement, .ticker, .ticker-wrap, .notice-bar, .marquee ){ background: #11141b !important; color: #f7f8fa !important; } html[data-gm-theme="light"] body :where( .site-announcement, .announcement-bar, .announcement, .ticker, .ticker-wrap, .notice-bar, .marquee ) *{ color: #f7f8fa !important; -webkit-text-fill-color: #f7f8fa !important; } /* ========================================================= HERO REMAINS CINEMATIC ========================================================= */ html[data-gm-theme="light"] .gm-theme-hero{ background-color: #080b11 !important; color: #ffffff !important; } 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; text-shadow: 0 3px 20px rgba(0,0,0,.55) !important; } html[data-gm-theme="light"] .gm-theme-hero-copy :where( h1, h2, h3, h4, strong ){ color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; } html[data-gm-theme="light"] .gm-theme-hero-copy :where( p, span ){ color: #d6dce6 !important; -webkit-text-fill-color: #d6dce6 !important; } 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; } html[data-gm-theme="light"] .gm-theme-hero-secondary, html[data-gm-theme="light"] .gm-theme-hero-secondary *{ background: rgba(16,20,27,.82) !important; color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; } /* ========================================================= NORMAL 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; } 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 TITLES ========================================================= */ html[data-gm-theme="light"] .movie-card h3, html[data-gm-theme="light"] .movie-card h3 a, html[data-gm-theme="light"] .movie-card h3 *, html[data-gm-theme="light"] .movie-card .title, html[data-gm-theme="light"] .movie-card .movie-title{ color: var(--gm-text) !important; -webkit-text-fill-color: var(--gm-text) !important; opacity:1 !important; visibility:visible !important; text-shadow:none !important; font-weight:700 !important; } html[data-gm-theme="light"] .movie-card h3{ margin-top: 11px !important; margin-bottom: 4px !important; line-height: 1.3 !important; } /* ========================================================= MOVIE META ========================================================= */ 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{ color: var(--gm-muted) !important; -webkit-text-fill-color: var(--gm-muted) !important; opacity:1 !important; } /* ========================================================= POSTERS ========================================================= */ html[data-gm-theme="light"] .movie-card img{ box-shadow: 0 9px 24px rgba(31,42,58,.12); } /* ========================================================= POSTER LABELS STAY DARK ========================================================= */ 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; } /* ========================================================= 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; box-shadow: 0 7px 20px rgba(32,43,60,.07) !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: var(--gm-surface) !important; color: var(--gm-muted) !important; border: 1px solid var(--gm-border) !important; } /* ========================================================= EXPLORE LABEL ========================================================= */ html[data-gm-theme="light"] body :where( .eyebrow, .section-label, .explore-label ){ color: var(--gm-accent) !important; -webkit-text-fill-color: var(--gm-accent) !important; } /* ========================================================= INPUT / SELECT ========================================================= */ html[data-gm-theme="light"] body :where( input, select, textarea ){ background: var(--gm-surface) !important; color: var(--gm-text) !important; border-color: var(--gm-border) !important; } /* ========================================================= DROPDOWNS ========================================================= */ html[data-gm-theme="light"] body :where( .dropdown-menu, .dropdown-content, .menu-panel ){ background: var(--gm-surface) !important; color: var(--gm-text) !important; border: 1px solid var(--gm-border) !important; } /* ========================================================= MOVIE DETAIL ========================================================= */ html[data-gm-theme="light"] .gdetail, html[data-gm-theme="light"] .gwatch{ color: var(--gm-text) !important; } html[data-gm-theme="light"] .gdetail h1, html[data-gm-theme="light"] .gwatch h1{ color: var(--gm-text) !important; -webkit-text-fill-color: var(--gm-text) !important; } /* ========================================================= PLAYER STAYS BLACK ========================================================= */ html[data-gm-theme="light"] .gwatch .plyr, html[data-gm-theme="light"] .gwatch video{ background: #000000 !important; } /* ========================================================= MOBILE NAV ========================================================= */ html[data-gm-theme="light"] .gm-real-bottom-nav{ background: rgba(255,255,255,.99) !important; border: 1px solid var(--gm-border) !important; box-shadow: 0 -6px 25px rgba(32,43,60,.11) !important; } html[data-gm-theme="light"] .gm-real-bottom-nav :where( a, button, span, div ){ color: var(--gm-text) !important; -webkit-text-fill-color: var(--gm-text) !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; } /* ========================================================= MOBILE MENU ARROWS ========================================================= */ html[data-gm-theme="light"] .gm-fixed-menu-arrow{ background: var(--gm-surface-2) !important; color: var(--gm-text) !important; -webkit-text-fill-color: var(--gm-text) !important; border-color: var(--gm-border) !important; } /* ========================================================= THEME UI ========================================================= */ html[data-gm-theme="light"] .gm-theme-fab, html[data-gm-theme="light"] .gm-theme-panel{ background: var(--gm-surface) !important; color: var(--gm-text) !important; border-color: var(--gm-border) !important; } /* ========================================================= FOOTER DARK ON PURPOSE ========================================================= */ 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; } @media(max-width:760px){ html[data-gm-theme="light"] .movie-card h3{ font-size: 15px !important; } }