/* Nflix Light Theme - переопределения при body.light-theme */

/* =============================================
   CSS VARIABLE OVERRIDES
   ============================================= */

body.light-theme {
    --bg-primary: #ffffff;
    --bg-secondary: #f5f5f5;
    --bg-hover: #e8e8e8;
    --text-primary: #1a1a1a;
    --text-secondary: #666666;
    --text-tertiary: #999999;
    --accent-primary: #e50914;
    --accent-hover: #c5070f;
    --border: #e0e0e0;
}

/* =============================================
   nflix-base.css OVERRIDES
   ============================================= */

/* Header */
body.light-theme .nflix-header {
    background-color: #ffffff;
    border-bottom: 1px solid #e0e0e0;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.08);
}

/* Header navigation */
body.light-theme .header-nav a {
    color: #666666;
}
body.light-theme .header-nav a:hover {
    color: #333333;
}
body.light-theme .header-nav a.active {
    color: #1a1a1a;
}

/* Icon buttons */
body.light-theme .icon-btn {
    color: #1a1a1a;
}
body.light-theme .icon-btn:hover {
    background: rgba(0, 0, 0, 0.08);
}

/* User avatar */
body.light-theme .user-avatar {
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1);
}

/* Typography */
body.light-theme h1,
body.light-theme h2,
body.light-theme h3,
body.light-theme h4,
body.light-theme h5,
body.light-theme h6 {
    color: #1a1a1a;
    text-shadow: none;
}

body.light-theme p {
    color: #333333;
}

/* Footer */
body.light-theme .nflix-footer {
    background: #f0f0f0;
    border-top: 1px solid #e0e0e0;
}

/* Bottom Nav (mobile) */
body.light-theme .bottom-nav {
    background: #ffffff;
    border-top: 1px solid #e0e0e0;
}
body.light-theme .bottom-nav a {
    color: #999999;
}
body.light-theme .bottom-nav a.active {
    color: #e50914;
}

/* Filter select */
body.light-theme .filter-select {
    background: rgba(0, 0, 0, 0.05);
    border: 1px solid #d0d0d0;
    color: #1a1a1a;
}
body.light-theme .filter-select:hover {
    border-color: #999;
    background-color: rgba(0, 0, 0, 0.08);
}
body.light-theme .filter-select option {
    background: #ffffff;
    color: #1a1a1a;
}

/* Search input */
body.light-theme .header-search-input {
    background: rgba(0, 0, 0, 0.05);
    border: 1px solid #d0d0d0;
    color: #1a1a1a;
}
body.light-theme .header-search-input::placeholder {
    color: #999;
}
body.light-theme .header-search-icon {
    color: #999;
}

/* Mobile filter */
body.light-theme .mobile-filter-select {
    background: rgba(0, 0, 0, 0.05);
    border: 1px solid #d0d0d0;
    color: #1a1a1a;
}
body.light-theme .mobile-filter-select.active {
    border-color: var(--accent-primary);
    background-color: rgba(229, 9, 20, 0.08);
}
body.light-theme .mobile-search-input {
    background: rgba(0, 0, 0, 0.05);
    border: 1px solid #d0d0d0;
    color: #1a1a1a;
}
body.light-theme .mobile-search-input::placeholder {
    color: #999;
}

/* =============================================
   nflix-carousel.css OVERRIDES
   ============================================= */

/* Rank badge */
body.light-theme .rank-badge {
    background: rgba(255, 255, 255, 0.9);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
}

/* Card buttons (desktop hover) */
body.light-theme .card-btn {
    background: rgba(255, 255, 255, 0.9);
    border: 1px solid #d0d0d0;
    color: #1a1a1a;
}
body.light-theme .card-btn:hover {
    background: #ffffff;
}

/* Skeleton loading */
body.light-theme .skeleton-image {
    background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
    background-size: 200% 100%;
}

/* Scroll hint gradient (desktop) */
body.light-theme .character-carousel::after {
    background: linear-gradient(90deg, transparent, #ffffff) !important;
}

/* =============================================
   nflix-browse.css OVERRIDES
   ============================================= */

/* Browse card overlays */
body.light-theme .browse-card:hover {
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.15);
}

body.light-theme .browse-card-rank {
    background: rgba(255, 255, 255, 0.9);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
}

/* Browse card text - stays white on dark overlay */
body.light-theme .browse-card-name {
    color: #ffffff;
}
body.light-theme .browse-card-age {
    color: #d0d0d0;
}

/* Browse card buttons */
body.light-theme .browse-card-btn {
    background: rgba(255, 255, 255, 0.2);
    border: 1px solid rgba(255, 255, 255, 0.5);
    color: #ffffff;
}
body.light-theme .browse-card-btn:hover {
    background: rgba(255, 255, 255, 0.3);
}

/* Pagination */
body.light-theme .pagination-btn {
    background: rgba(0, 0, 0, 0.05);
    border: 1px solid #d0d0d0;
    color: #1a1a1a;
}
body.light-theme .pagination-btn:hover {
    background: rgba(0, 0, 0, 0.08);
    border-color: var(--accent-primary);
}

/* =============================================
   nflix-categories.css OVERRIDES
   ============================================= */

body.light-theme .category-card {
    background: linear-gradient(135deg, #f5f5f5 0%, #ececec 100%);
    border: 1px solid #e0e0e0;
}
body.light-theme .category-card:hover {
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1);
}
body.light-theme .category-count {
    background: rgba(0, 0, 0, 0.06);
}

/* =============================================
   header.php INLINE STYLES OVERRIDES
   ============================================= */

/* Dropdown menu */
body.light-theme .nflix-menu-content {
    background: #ffffff;
    border: 1px solid #e0e0e0;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
}
body.light-theme .nflix-menu-item {
    color: #1a1a1a;
}
body.light-theme .nflix-menu-item:hover {
    background: #f5f5f5;
}
body.light-theme .nflix-menu-divider {
    background: #e0e0e0;
}
body.light-theme .nflix-menu-old-ui {
    color: #999;
}
body.light-theme .nflix-menu-old-ui:hover {
    color: #333;
}

/* =============================================
   layout_mobile.php INLINE STYLES OVERRIDES
   ============================================= */

/* Filter bar - needs !important to override inline styles */
body.light-theme .mobile-filter-bar {
    background: #ffffff !important;
    border-bottom: 1px solid #e0e0e0 !important;
}

/* Mobile sections overlay */
body.light-theme .mobile-sections-overlay {
    background: rgba(0, 0, 0, 0.4);
}

/* Mobile sections menu */
body.light-theme .mobile-sections-menu {
    background: #ffffff;
}
body.light-theme .mobile-menu-header {
    border-bottom: 1px solid #e0e0e0;
    color: #1a1a1a;
}
body.light-theme .mobile-menu-header button {
    color: #999;
}
body.light-theme .mobile-menu-item {
    color: #1a1a1a;
    border-bottom: 1px solid #f0f0f0;
}
body.light-theme .mobile-menu-item:active {
    background: #f5f5f5;
}
body.light-theme .mobile-menu-divider {
    background: #f0f0f0;
}
body.light-theme .mobile-menu-old-ui {
    color: #999;
}

/* =============================================
   layout_mobile.php HARDCODED STYLES OVERRIDES
   ============================================= */

body.light-theme .char-card img {
    background: #f0f0f0;
}
body.light-theme .char-age {
    color: #999;
}
body.light-theme .see-all {
    color: #999;
}
body.light-theme .filtered-empty {
    color: #999;
}
body.light-theme .filtered-results-count {
    color: #999;
}

/* Mobile favorite button */
body.light-theme .mobile-favorite-btn {
    background: rgba(255, 255, 255, 0.95);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
}

/* =============================================
   ui_switcher.php OVERRIDES
   ============================================= */

body.light-theme .nflix-old-ui-btn {
    background: #f5f5f5;
    border: 1px solid #d0d0d0;
    color: #666;
}
body.light-theme .nflix-old-ui-btn:hover {
    background: #e8e8e8;
    color: #333;
}

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

.nflix-theme-toggle {
    font-size: 18px;
    cursor: pointer;
    padding: 4px 8px;
    border-radius: 6px;
    transition: all 0.2s ease;
}
.nflix-theme-toggle:hover {
    transform: scale(1.1);
}

/* =============================================
   META THEME COLOR (handled by JS)
   ============================================= */