/* ============================================================================= LIGHT THEME OVERRIDES — CineVerse Asia Applied when [data-theme="light"] on ============================================================================= */ [data-theme="light"] { color-scheme: light; } [data-theme="light"] .site-header.is-transparent { background: linear-gradient(180deg, rgba(255,255,255,0.95) 0%, transparent 100%); } [data-theme="light"] .hero-slide__overlay { background: linear-gradient( to right, rgba(255,255,255,0.6) 0%, rgba(255,255,255,0.3) 50%, rgba(255,255,255,0.0) 100% ); } [data-theme="light"] .hero-slide__title { color: #0a0a0a; } [data-theme="light"] .hero-slide__synopsis { color: rgba(0,0,0,0.7); } [data-theme="light"] .btn-outline { border-color: rgba(0,0,0,0.4); color: #0a0a0a; } [data-theme="light"] .btn-outline:hover { border-color: #0a0a0a; background: rgba(0,0,0,0.05); } [data-theme="light"] .hero-slide__overlay::after { background: linear-gradient(transparent, #fff); } [data-theme="light"] .mobile-nav-panel { background: #fff; } [data-theme="light"] .search-overlay { background: rgba(255,255,255,0.97); } [data-theme="light"] .search-overlay .search-field { color: #0a0a0a; } [data-theme="light"] .search-overlay .search-field::placeholder { color: rgba(0,0,0,0.3); } [data-theme="light"] .search-overlay-close { color: #0a0a0a; } [data-theme="light"] .post-content p, [data-theme="light"] .post-content li { color: #333; } [data-theme="light"] .single-post-hero::after { background: linear-gradient(transparent, #fff); } [data-theme="light"] .promo-cta { background: #fffdf0; border-color: rgba(161, 117, 0, 0.2); border-left-color: var(--cv-gold); } [data-theme="light"] .promo-cta__content h3 { color: var(--cv-text); } [data-theme="light"] .promo-cta__content p { color: var(--cv-text-muted); } [data-theme="light"] .newsletter-block { background: linear-gradient(135deg, #f7f7f7 0%, #efefef 100%); } [data-theme="light"] .hero-dots .hero-dot { background: rgba(0,0,0,0.25); } [data-theme="light"] .hero-arrow { background: rgba(255,255,255,0.8); border-color: rgba(0,0,0,0.15); color: #0a0a0a; }