/* ============================================
   TURKNINJA PRO — DARK MODE
   Full-coverage dark theme using CSS variable overrides
   ============================================ */

[data-bs-theme="dark"] {
    /* ── Core Variables ── */
    --background-light: #0b1120;
    --background-dim: #111827;
    --surface-card: #1e293b;
    --surface-elevated: #1e293b;

    --text-main: #e2e8f0;
    --text-secondary: #94a3b8;
    --text-muted: #64748b;

    --border-color: rgba(255, 255, 255, 0.06);
    --border-subtle: rgba(255, 255, 255, 0.03);

    /* ── Bootstrap Override ── */
    --bs-body-bg: #0b1120;
    --bs-body-color: #e2e8f0;
    --bs-card-bg: #1e293b;
    --bs-border-color: #334155;
    --bs-secondary-bg: #1e293b;

    /* ── Navbar ── */
    --navbar-bg: rgba(11, 17, 32, 0.9);
    --navbar-border: rgba(255, 255, 255, 0.04);

    /* ── Dropdown ── */
    --dropdown-bg: #1e293b;
    --dropdown-header-start: #1e293b;
    --dropdown-header-end: #1e293b;

    /* ── Shadows (dimmer in dark mode) ── */
    --shadow-xs: 0 1px 2px rgba(0, 0, 0, 0.2);
    --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.25);
    --shadow-md: 0 8px 24px rgba(0, 0, 0, 0.3);
    --shadow-lg: 0 20px 48px rgba(0, 0, 0, 0.4);
    --shadow-glow: 0 0 24px rgba(230, 57, 70, 0.2);

    /* ── Primary adjustments ── */
    --primary-light: rgba(230, 57, 70, 0.12);

    color-scheme: dark;
}


/* ── Body ── */
[data-bs-theme="dark"] body {
    background-color: var(--background-light);
    color: var(--text-main);
}


/* ── Navbar ── */
[data-bs-theme="dark"] .navbar,
[data-bs-theme="dark"] .site-header {
    background: var(--navbar-bg) !important;
    border-bottom-color: var(--navbar-border) !important;
}

[data-bs-theme="dark"] .nav-link {
    color: var(--text-main) !important;
}


/* ── Cards ── */
[data-bs-theme="dark"] .card,
[data-bs-theme="dark"] .feature-card {
    background: var(--surface-card);
    border-color: var(--border-color);
    color: var(--text-main);
}

[data-bs-theme="dark"] .card-header {
    background: transparent;
    border-bottom-color: var(--border-color);
    color: var(--text-main);
}


/* ── Dropdowns ── */
[data-bs-theme="dark"] .header-dropdown-menu,
[data-bs-theme="dark"] .sub-dropdown-menu,
[data-bs-theme="dark"] .category-dropdown,
[data-bs-theme="dark"] .premium-dropdown {
    background: var(--dropdown-bg) !important;
    border-color: var(--border-color) !important;
    box-shadow: var(--shadow-lg);
}

[data-bs-theme="dark"] .dropdown-link,
[data-bs-theme="dark"] .category-dropdown .dropdown-item,
[data-bs-theme="dark"] .premium-menu-item {
    color: var(--text-main) !important;
}

[data-bs-theme="dark"] .dropdown-link:hover,
[data-bs-theme="dark"] .category-dropdown .dropdown-item:hover,
[data-bs-theme="dark"] .premium-menu-item:hover {
    background: var(--primary-light) !important;
    color: var(--primary-color) !important;
}


/* ── Buttons ── */
[data-bs-theme="dark"] .btn-outline-light {
    color: var(--text-main);
    border-color: var(--border-color);
}

[data-bs-theme="dark"] .btn-outline-light:hover {
    background: rgba(255, 255, 255, 0.1);
    color: white;
    border-color: rgba(255, 255, 255, 0.2);
}


/* ── Form Controls ── */
[data-bs-theme="dark"] .form-control,
[data-bs-theme="dark"] .form-select {
    background-color: #111827 !important;
    border-color: #334155 !important;
    color: #e2e8f0 !important;
}

[data-bs-theme="dark"] .form-control:focus,
[data-bs-theme="dark"] .form-select:focus {
    border-color: var(--primary-color) !important;
    box-shadow: 0 0 0 4px rgba(230, 57, 70, 0.12) !important;
}

[data-bs-theme="dark"] .form-control::placeholder {
    color: #64748b !important;
}

[data-bs-theme="dark"] .header-search-input {
    background: rgba(255, 255, 255, 0.06) !important;
    border-color: rgba(255, 255, 255, 0.08) !important;
    color: #e2e8f0 !important;
}


/* ── Tables ── */
[data-bs-theme="dark"] .table {
    --bs-table-bg: transparent;
    --bs-table-hover-bg: rgba(230, 57, 70, 0.06);
    color: var(--text-main);
}

[data-bs-theme="dark"] .table thead th {
    color: var(--text-muted);
    border-bottom-color: #334155;
}

[data-bs-theme="dark"] .table td {
    border-color: #1e293b;
}


/* ── Modals ── */
[data-bs-theme="dark"] .modal-content {
    background: #1e293b;
    border-color: #334155;
    color: var(--text-main);
}

[data-bs-theme="dark"] .modal-header {
    border-bottom-color: #334155;
}

[data-bs-theme="dark"] .btn-close {
    filter: invert(1) grayscale(100%) brightness(200%);
}


/* ── Alerts ── */
[data-bs-theme="dark"] .alert {
    background: rgba(255, 255, 255, 0.05);
    border-color: rgba(255, 255, 255, 0.08);
    color: var(--text-main);
}


/* ── Hero Section ── */
[data-bs-theme="dark"] .hero-section {
    background: var(--background-light) !important;
    color: var(--text-main) !important;
}


/* ── Footer (already dark, minimal changes) ── */
[data-bs-theme="dark"] footer {
    background: linear-gradient(180deg, #050a15 0%, #020510 100%) !important;
}


/* ── Code Blocks ── */
[data-bs-theme="dark"] pre {
    background: #0d1117 !important;
    border: 1px solid #21262d;
    border-radius: 8px;
}

[data-bs-theme="dark"] code {
    color: #c9d1d9;
}


/* ── Markdown Lesson Content ── */
[data-bs-theme="dark"] .lesson-content h1,
[data-bs-theme="dark"] .lesson-content h2,
[data-bs-theme="dark"] .lesson-content h3 {
    color: #e2e8f0;
}

[data-bs-theme="dark"] .lesson-content a {
    color: #79c0ff;
}

[data-bs-theme="dark"] .lesson-content blockquote {
    border-left-color: #6366f1;
    background: #1e293b;
    color: #94a3b8;
}

[data-bs-theme="dark"] .lesson-content table th {
    background: #334155;
}

[data-bs-theme="dark"] .lesson-content table td {
    border-color: #334155;
}


/* ── Progress Bars ── */
[data-bs-theme="dark"] .progress {
    background: #334155;
}


/* ── Badge ── */
[data-bs-theme="dark"] .badge.bg-light {
    background: rgba(255, 255, 255, 0.1) !important;
    color: var(--text-main) !important;
}


/* ── Sidebar ── */
[data-bs-theme="dark"] .lesson-sidebar {
    background: #1e293b;
    border-color: #334155;
}


/* ── List Groups ── */
[data-bs-theme="dark"] .list-group-item {
    background: transparent;
    border-color: #334155;
    color: var(--text-main);
}

[data-bs-theme="dark"] .list-group-item:hover {
    background: rgba(230, 57, 70, 0.06);
}


/* ── Tooltip ── */
[data-bs-theme="dark"] .tooltip-inner {
    background: #334155;
}


/* ── Activity Feed ── */
[data-bs-theme="dark"] .activity-item:hover {
    background-color: rgba(230, 57, 70, 0.06) !important;
}

[data-bs-theme="dark"] .activity-icon {
    background: #111827;
}


/* ── Stat Counter ── */
[data-bs-theme="dark"] .stat-counter {
    background: rgba(255, 255, 255, 0.04);
    border-color: rgba(255, 255, 255, 0.06);
}

[data-bs-theme="dark"] .stat-counter:hover {
    background: rgba(255, 255, 255, 0.08);
}


/* ── Shimmer Loading (dark) ── */
[data-bs-theme="dark"] .shimmer,
[data-bs-theme="dark"] .skeleton {
    background: linear-gradient(90deg,
        rgba(255,255,255,0.03) 25%,
        rgba(255,255,255,0.06) 50%,
        rgba(255,255,255,0.03) 75%
    );
    background-size: 200% 100%;
    animation: shimmer 1.5s ease-in-out infinite;
}


/* ── Search Suggestions ── */
[data-bs-theme="dark"] .search-suggestions {
    background: #1e293b !important;
    border-color: #334155 !important;
}

[data-bs-theme="dark"] .suggestion-item {
    color: var(--text-main) !important;
}

[data-bs-theme="dark"] .suggestion-item:hover {
    background: rgba(230, 57, 70, 0.08) !important;
}


/* ── Misc ── */
[data-bs-theme="dark"] .bg-light {
    background-color: #111827 !important;
}

[data-bs-theme="dark"] .bg-white {
    background-color: #1e293b !important;
}

[data-bs-theme="dark"] .border {
    border-color: #334155 !important;
}

[data-bs-theme="dark"] .text-dark {
    color: #e2e8f0 !important;
}

[data-bs-theme="dark"] .shadow,
[data-bs-theme="dark"] .shadow-sm,
[data-bs-theme="dark"] .shadow-lg {
    box-shadow: var(--shadow-md) !important;
}

/* Glass utility in dark mode */
[data-bs-theme="dark"] .glass {
    background: rgba(30, 41, 59, 0.7);
    border-color: rgba(255, 255, 255, 0.06);
}