/* ===== Manba Theme System ===== */

/* Dark Theme (Default) */
:root {
    --bg-primary: #0a0a0f;
    --bg-secondary: #14141f;
    --bg-card: #1a1a2e;
    --bg-hover: #22223a;
    --accent: #e91e63;
    --accent2: #ff5722;
    --blue: #2196F3;
    --cyan: #00BCD4;
    --gold: #FFD700;
    --text-primary: #ffffff;
    --text-secondary: #888;
    --text-muted: #555;
    --radius: 12px;
    --radius-sm: 8px;
    --radius-lg: 16px;
    --font-family: inherit;
}

body {
    font-family: var(--font-family);
}

/* Light Theme (Cute White) */
:root[data-theme="light"] {
    --bg-primary: #f5f3ff;
    --bg-secondary: #ffffff;
    --bg-card: #ffffff;
    --bg-hover: #f0eeff;
    --text-primary: #1a1a2e;
    --text-secondary: #666;
    --text-muted: #999;
}

/* ===== Theme Toggle Button ===== */
.theme-toggle-btn {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 16px;
    border-radius: var(--radius-sm);
    background: transparent;
    border: none;
    color: var(--text-secondary);
    cursor: pointer;
    font-family: inherit;
    font-size: 13px;
    width: 100%;
    transition: all 0.2s;
}
.theme-toggle-btn:hover {
    background: var(--bg-hover);
    color: var(--text-primary);
}
.theme-toggle-btn svg { width: 20px; height: 20px; fill: currentColor; }

/* Mobile Header Toggle */
.theme-toggle-mobile {
    width: 36px; height: 36px; border-radius: 50%;
    background: var(--bg-card); display: flex; align-items: center; justify-content: center;
    border: 1px solid var(--border-color, rgba(255,255,255,0.08)); color: var(--text-secondary);
    cursor: pointer; padding: 0; transition: all 0.2s; flex-shrink: 0;
}
.theme-toggle-mobile:hover { color: var(--gold); }
.theme-toggle-mobile svg { width: 20px; height: 20px; fill: currentColor; }

/* Simple page toggle (need-login, need-vip) */
.theme-toggle-simple {
    position: fixed; top: 16px; left: 16px;
    width: 40px; height: 40px; border-radius: 50%;
    background: var(--bg-card); display: flex; align-items: center; justify-content: center;
    border: 1px solid var(--border-color, rgba(255,255,255,0.08)); color: var(--text-secondary);
    cursor: pointer; z-index: 9999; transition: all 0.2s;
}
.theme-toggle-simple:hover { color: var(--gold); }
.theme-toggle-simple svg { width: 22px; height: 22px; fill: currentColor; }

/* ===== Light Theme - Comprehensive Overrides ===== */

/* Bottom Navigation */
:root[data-theme="light"] .bottom-nav {
    background: rgba(255,255,255,0.95);
    border-top-color: rgba(0,0,0,0.06);
}

/* Desktop Sidebar */
:root[data-theme="light"] .desktop-sidebar {
    background: #ffffff;
    border-left-color: rgba(0,0,0,0.06);
}
:root[data-theme="light"] .sidebar-nav-item:hover {
    background: rgba(0,0,0,0.04);
}
:root[data-theme="light"] .sidebar-nav-item.active {
    background: rgba(233,30,99,0.08);
}
:root[data-theme="light"] .sidebar-divider {
    background: rgba(0,0,0,0.06);
}
:root[data-theme="light"] .sidebar-source-item:hover {
    background: rgba(0,0,0,0.04);
}
:root[data-theme="light"] .sidebar-source-section {
    scrollbar-color: rgba(0,0,0,0.15) transparent;
}
:root[data-theme="light"] .sidebar-source-section::-webkit-scrollbar-thumb {
    background: rgba(0,0,0,0.15);
}
:root[data-theme="light"] .sidebar-source-section::-webkit-scrollbar-thumb:hover {
    background: rgba(0,0,0,0.3);
}

/* Search Inputs */
:root[data-theme="light"] .search-bar input,
:root[data-theme="light"] .category-search input {
    background: var(--bg-secondary);
    border-color: rgba(233,30,99,0.25);
    color: var(--text-primary);
}
:root[data-theme="light"] .search-bar input::placeholder,
:root[data-theme="light"] .category-search input::placeholder {
    color: var(--text-muted);
}
:root[data-theme="light"] .search-bar input:focus,
:root[data-theme="light"] .category-search input:focus {
    border-color: var(--accent);
    box-shadow: 0 0 0 2px rgba(233,30,99,0.2);
}
:root[data-theme="light"] .search-source-select {
    background: var(--bg-secondary);
    border-color: rgba(233,30,99,0.25);
    color: var(--text-primary);
}

/* Banner */
:root[data-theme="light"] .banner-card {
    box-shadow: 0 2px 12px rgba(0,0,0,0.1);
}
:root[data-theme="light"] .banner-card.active {
    box-shadow: 0 4px 20px rgba(233,30,99,0.2);
}
:root[data-theme="light"] .banner-indicators .dot {
    background: rgba(0,0,0,0.35);
    width: 6px;
    height: 6px;
}
:root[data-theme="light"] .banner-indicators .dot.active {
    background: var(--accent);
    box-shadow: 0 0 4px rgba(233,30,99,0.4);
}
:root[data-theme="light"] .movie-poster .score-tag {
    background: rgba(0,0,0,0.5);
}

/* Movie Cards */
:root[data-theme="light"] .movie-card {
    box-shadow: 0 1px 6px rgba(0,0,0,0.06);
}
:root[data-theme="light"] .movie-poster {
    background: #f0f0f0 center/40px no-repeat url('/load.gif');
}

/* Source Switch */
:root[data-theme="light"] .source-switch {
    background: var(--bg-secondary);
    border-color: rgba(0,0,0,0.1);
}

/* Filter Buttons */
:root[data-theme="light"] .filter-btn {
    border-color: rgba(0,0,0,0.06);
}
:root[data-theme="light"] .source-tab {
    border-color: rgba(0,0,0,0.06);
}

/* VIP Card */
:root[data-theme="light"] .vip-card {
    background: linear-gradient(135deg, #fff8e1 0%, #fce4ec 50%, #e8eaf6 100%);
    border-color: rgba(255,215,0,0.3);
}
:root[data-theme="light"] .vip-card::before {
    background: radial-gradient(circle, rgba(255,215,0,0.15) 0%, transparent 70%);
}
:root[data-theme="light"] .vip-card::after {
    background: radial-gradient(circle, rgba(233,30,99,0.1) 0%, transparent 70%);
}
:root[data-theme="light"] .vip-no-status {
    color: var(--text-secondary);
}

/* Plan Cards */
:root[data-theme="light"] .plan-card {
    border-color: rgba(0,0,0,0.06);
    box-shadow: 0 1px 6px rgba(0,0,0,0.04);
}

/* Menu Items */
:root[data-theme="light"] .menu-item {
    border-bottom-color: rgba(0,0,0,0.05);
}

/* Me Header */
:root[data-theme="light"] .me-header {
    background: linear-gradient(180deg, rgba(233,30,99,0.06) 0%, transparent 100%);
}

/* Modal */
:root[data-theme="light"] .modal-overlay {
    background: rgba(0,0,0,0.3);
}
:root[data-theme="light"] .modal-source-item.active {
    background: rgba(233,30,99,0.06);
}

/* Load More Error */
:root[data-theme="light"] .load-more-error button {
    border-color: rgba(0,0,0,0.1);
}

/* Loading Overlay */
:root[data-theme="light"] #loadingSpinner {
    background: rgba(255,255,255,0.7);
}

/* Play Page */
:root[data-theme="light"] .episode-btn {
    border-color: rgba(0,0,0,0.06);
}
:root[data-theme="light"] .copy-notification {
    background: rgba(30,30,50,0.85);
}

/* VIP Page */
:root[data-theme="light"] .vip-icon {
    box-shadow: 0 2px 8px rgba(255,215,0,0.2);
}

/* Simple Pages (need-login, need-vip) */
:root[data-theme="light"] .simple-page-body {
    background: var(--bg-primary);
    color: var(--text-primary);
}
:root[data-theme="light"] .simple-page-body p {
    color: var(--text-secondary);
}
:root[data-theme="light"] .simple-page-body .icon {
    box-shadow: 0 4px 16px rgba(0,0,0,0.08);
}

:root[data-theme="light"] .source-badge {
    background: linear-gradient(135deg, rgba(233,30,99,0.9), rgba(156,39,176,0.9));
    color: #fff;
}

/* Smooth theme transition */
html { transition: background-color 0.3s ease; }
body { transition: background-color 0.3s ease, color 0.3s ease; }