/* =============================================
   COD WAR 4.0 – Dark Mode Overrides
   ============================================= */

[data-theme="dark"] {
    --bg: #0d1117;
    --bg-card: #161b22;
    --bg-glass: rgba(22, 27, 34, 0.85);
    --text: #e6edf3;
    --text-muted: #8b949e;
    --text-light: #484f58;
    --border: rgba(48, 54, 61, 0.8);
    --glass-bg: rgba(22, 27, 34, 0.8);
    --glass-border: rgba(48, 54, 61, 0.5);
    --glass-shadow: 0 8px 32px rgba(0, 0, 0, 0.3);
    --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.2);
    --shadow-md: 0 4px 16px rgba(0, 0, 0, 0.3);
    --shadow-lg: 0 8px 32px rgba(0, 0, 0, 0.4);
    --shadow-xl: 0 16px 48px rgba(0, 0, 0, 0.5);
    --gradient-card: linear-gradient(145deg, rgba(22, 27, 34, 0.9), rgba(13, 17, 23, 0.6));
}

[data-theme="dark"] body {
    background: var(--bg);
    color: var(--text);
}

[data-theme="dark"] .glass-navbar {
    background: rgba(13, 17, 23, 0.9);
    border-bottom-color: rgba(48, 54, 61, 0.5);
}

[data-theme="dark"] .navbar-nav .nav-link {
    color: var(--text);
}

[data-theme="dark"] .navbar-toggler {
    border-color: rgba(48, 54, 61, 0.8);
}

[data-theme="dark"] .navbar-toggler-icon {
    filter: invert(1);
}

[data-theme="dark"] .navbar-collapse {
    background: transparent;
}

[data-theme="dark"] .navbar-collapse.show {
    background: var(--bg-card);
}

[data-theme="dark"] .event-card,
[data-theme="dark"] .team-card,
[data-theme="dark"] .sponsor-card,
[data-theme="dark"] .dashboard-card,
[data-theme="dark"] .stat-card,
[data-theme="dark"] .detail-info-card,
[data-theme="dark"] .auth-card,
[data-theme="dark"] .invoice-card {
    background: var(--bg-card);
    border-color: var(--border);
}

[data-theme="dark"] .event-card-body h3,
[data-theme="dark"] .team-card-body h5,
[data-theme="dark"] .detail-info-card h4,
[data-theme="dark"] .stat-card .stat-info h3 {
    color: var(--accent);
}

[data-theme="dark"] .section-header h2 {
    color: var(--accent);
}

[data-theme="dark"] .form-control,
[data-theme="dark"] .form-select {
    background: #0d1117;
    border-color: var(--border);
    color: var(--text);
}

[data-theme="dark"] .form-control:focus,
[data-theme="dark"] .form-select:focus {
    border-color: var(--accent);
    background: #161b22;
}

[data-theme="dark"] .form-floating label {
    color: var(--text-muted);
}

[data-theme="dark"] .flash-alert {
    background: rgba(22, 27, 34, 0.95);
    color: var(--text);
}

[data-theme="dark"] .sponsor-card img {
    filter: grayscale(100%) brightness(1.8);
    opacity: 0.5;
}

[data-theme="dark"] .sponsor-card:hover img {
    filter: grayscale(0) brightness(1);
    opacity: 1;
}

[data-theme="dark"] .event-countdown-mini .cd-item {
    background: rgba(0, 212, 255, 0.08);
}

[data-theme="dark"] .event-countdown-mini .cd-num {
    color: var(--accent);
}

[data-theme="dark"] .cart-table td {
    border-bottom-color: var(--border);
    color: var(--text);
}

[data-theme="dark"] .cart-table tbody tr:hover {
    background: rgba(0, 212, 255, 0.03);
}

[data-theme="dark"] ::-webkit-scrollbar-track {
    background: #0d1117;
}

[data-theme="dark"] ::-webkit-scrollbar-thumb {
    background: #30363d;
}

[data-theme="dark"] .table {
    color: var(--text);
}

[data-theme="dark"] .table-striped>tbody>tr:nth-of-type(odd)>* {
    color: var(--text);
    background: rgba(255, 255, 255, 0.02);
}

[data-theme="dark"] .modal-content {
    background: var(--bg-card);
    border-color: var(--border);
    color: var(--text);
}

[data-theme="dark"] .btn-close {
    filter: invert(1);
}

[data-theme="dark"] .nav-tabs .nav-link {
    color: var(--text-muted);
}

[data-theme="dark"] .nav-tabs .nav-link.active {
    background: var(--bg-card);
    border-color: var(--border);
    color: var(--accent);
}

[data-theme="dark"] .page-404 h1 {
    background: var(--gradient-accent);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}
[data-theme="dark"] .nav-user-status { color: var(--text) !important; }
[data-theme="dark"] .btn-theme-toggle { color: var(--accent); }
