/* Global light-mode override for all static pages */
:root {
    color-scheme: light;
}

html,
body {
    background-color: #ffffff !important;
    color: #000000 !important;
}

/* Header & Navigation */
header,
nav,
.header-container {
    background-color: #f8f8f8 !important;
    color: #000000 !important;
    border-bottom: none !important;
}

/* Default text colors - but not overriding specific elements */
p,
span,
div,
li,
td,
th {
    color: #000000 !important;
}

/* Headings */
h1,
h2,
h3,
h4,
h5,
h6 {
    color: #000000 !important;
}

/* Links */
a {
    color: #0066cc !important;
}

a:hover {
    color: #79C142 !important;
}

/* Banner and slider text - CRITICAL for visibility */
.slide-title,
.slide-info,
.banner-title,
.banner-text,
.overlay-text {
    color: #ffffff !important;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.8) !important;
}

/* MOVIE CARD STYLING - Most Important */
.movie-card {
    background-color: #f5f5f5 !important;
    border: 1px solid #ddd !important;
}

/* Movie info box - Light background */
.movie-info {
    background-color: #f0f0f0 !important;
    color: #000000 !important;
}

/* Movie title and year - Dark text */
.movie-title {
    color: #000000 !important;
    font-weight: 600 !important;
}

.movie-year {
    color: #333333 !important;
}

.movie-card-title,
.card-title {
    color: #000000 !important;
    font-weight: 600 !important;
}

.movie-card-info,
.card-info,
.card-text {
    color: #333333 !important;
    background-color: #f0f0f0 !important;
}

/* Forms and inputs */
input,
textarea,
select {
    background-color: #ffffff !important;
    color: #000000 !important;
    border: 1px solid #cccccc !important;
}

input::placeholder,
textarea::placeholder {
    color: #666666 !important;
}

/* Search box */
.search-box,
.search-container {
    background-color: #ffffff !important;
    border: 1px solid #cccccc !important;
}

.search-box input,
.search-container input {
    background-color: #ffffff !important;
    color: #000000 !important;
}

.search-box button,
.search-container button {
    background-color: #79C142 !important;
    color: #ffffff !important;
}

/* Cards and containers */
.card,
.card-body,
.container,
.wrapper {
    background-color: #ffffff !important;
    color: #000000 !important;
    border: 1px solid #dddddd !important;
}

/* Buttons */
button,
.btn {
    background-color: #f0f0f0 !important;
    color: #000000 !important;
    border: 1px solid #cccccc !important;
}

button:hover,
.btn:hover {
    background-color: #e0e0e0 !important;
}

/* Tabs and active states */
.section-tab {
    color: #000000 !important;
    background-color: transparent !important;
}

.section-tab.active {
    background: linear-gradient(135deg, #79C142, #79C142) !important;
    color: #ffffff !important;
}

.tab-pane {
    color: #000000 !important;
}

/* Tables */
table,
thead,
tbody,
tr,
td,
th {
    background-color: #ffffff !important;
    color: #000000 !important;
    border: 1px solid #cccccc !important;
}

/* Lists */
ul,
ol,
li {
    color: #000000 !important;
}

/* Dropdowns and modals */
.dropdown-menu,
.modal,
.modal-content {
    background-color: #ffffff !important;
    color: #000000 !important;
    border: 1px solid #cccccc !important;
}

/* Section headers and titles */
.section-title {
    background: linear-gradient(135deg, #79C142, #79C142) !important;
    color: #ffffff !important;
}

.section-header {
    color: #000000 !important;
}

/* Descriptions and meta text */
.description,
.meta-text,
.info-text {
    color: #333333 !important;
}

/* Footer */
footer {
    background-color: #f8f8f8 !important;
    color: #000000 !important;
    border-top: 1px solid #ddd !important;
}

/* Player Page Specific Styles */
.player-notice {
    background-color: #f0f0f0 !important;
    color: #000000 !important;
    border: 1px solid #ddd !important;
}

.player-notice h3 {
    color: #000000 !important;
}

.player-notice p {
    color: #333333 !important;
}

.controls-section {
    background-color: #ffffff !important;
    color: #000000 !important;
    border: 1px solid #ddd !important;
}

.control-group label {
    color: #000000 !important;
}

.player-title {
    color: #000000 !important;
}

.back-button {
    background-color: #79C142 !important;
    color: #ffffff !important;
}

.mobile-nav {
    background-color: #f8f8f8 !important;
    color: #000000 !important;
}

.mobile-nav a {
    color: #000000 !important;
}

/* Detail Page Specific Styles */
.detail-info {
    color: #000000 !important;
}

.detail-title {
    color: #000000 !important;
}

.detail-meta {
    color: #333333 !important;
}

.detail-meta span {
    color: #333333 !important;
}

.detail-section-title {
    color: #000000 !important;
    font-weight: 600 !important;
}

.detail-overview {
    color: #333333 !important;
}

.detail-genres {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.genre-tag {
    background-color: #e0e0e0 !important;
    color: #000000 !important;
    border: 1px solid #cccccc !important;
}

.detail-item {
    color: #000000 !important;
}

.detail-item-label {
    color: #000000 !important;
    font-weight: 600 !important;
}

.detail-item-value {
    color: #333333 !important;
}

.cast-name {
    color: #000000 !important;
    font-weight: 600 !important;
}

.cast-character {
    color: #666666 !important;
}

.cast-card {
    color: #000000 !important;
}

.detail-section {
    color: #000000 !important;
}

.rating {
    background-color: #f5c518 !important;
    color: #000000 !important;
}

.watch-now-btn {
    background: linear-gradient(135deg, #79C142, #79C142) !important;
    color: #ffffff !important;
    border: none !important;
}

/* Remove box shadows but keep text shadows on dark overlays */
* {
    box-shadow: none !important;
}

.slide-overlay,
.banner-overlay {
    box-shadow: none !important;
}

/* Images - keep them as-is */
img,
video,
iframe,
canvas,
picture {
    filter: none !important;
}

/* Code blocks */
code,
pre {
    background-color: #f5f5f5 !important;
    color: #333333 !important;
    border: 1px solid #dddddd !important;
}

/* Override ALL remaining #00acc1 instances with brand green #79C142 */
.hd-badge {
    background-color: #79C142 !important;
    color: #ffffff !important;
}

.play-btn {
    background-color: rgba(121, 193, 66, 0.9) !important;
    color: #ffffff !important;
}

.nav-menu a:hover,
.nav-menu a.active {
    color: #79C142 !important;
}

.nav-menu a {
    color: #000000 !important;
}

.mobile-search-btn:hover {
    color: #79C142 !important;
}

.view-more {
    color: #79C142 !important;
}

.view-more:hover {
    color: #79C142 !important;
    text-decoration: underline !important;
}

/* Override borders and accents */
[style*="border-color: #00acc1"],
[style*="border-color:#00acc1"],
[style*="border-top-color: #00acc1"],
[style*="border-top-color:#00acc1"] {
    border-color: #79C142 !important;
    border-top-color: #79C142 !important;
}

/* Override all background colors from #00acc1 */
[style*="background: #00acc1"],
[style*="background:#00acc1"],
[style*="background-color: #00acc1"],
[style*="background-color:#00acc1"] {
    background-color: #79C142 !important;
}

/* Override gradients with #00acc1 */
[style*="linear-gradient(135deg, #00acc1"],
[style*="linear-gradient(135deg,#00acc1"] {
    background: linear-gradient(135deg, #79C142, #79C142) !important;
}

/* Override text colors from #00acc1 */
[style*="color: #00acc1"],
[style*="color:#00acc1"] {
    color: #79C142 !important;
}

/* Safe color replacements for specific classes and IDs */
.alphabet-filter a:hover,
.alphabet-filter a.active {
    background-color: #79C142 !important;
}

.slider-dots .dot.active {
    background-color: #79C142 !important;
}

.section-tab:hover:not(.active) {
    background-color: #f0f0f0 !important;
    color: #000000 !important;
}