/* ============================================
   Qəribə Elmlər — Light Theme Override 2026
   Yalnız html[data-theme="light"] olduqda tətbiq olunur
   ============================================ */

html[data-theme="light"] {
    --qe-bg: #fafafa;
    --qe-bg-card: #ffffff;
    --qe-bg-elevated: #f4f4f5;
    --qe-bg-nav: rgba(255, 255, 255, 0.88);
    --qe-text: #18181b;
    --qe-text-secondary: #3f3f46;
    --qe-text-muted: #71717a;
    --qe-border: rgba(0, 0, 0, 0.1);
    --qe-border-hover: rgba(0, 0, 0, 0.18);
    --qe-shadow: 0 1px 3px rgba(0,0,0,0.06);
    --qe-shadow-lg: 0 8px 32px rgba(0,0,0,0.1);
}

/* --- Base --- */
html[data-theme="light"],
html[data-theme="light"] body {
    background: var(--qe-bg);
    color: var(--qe-text);
}

/* --- Navbar --- */
html[data-theme="light"] .qe-navbar { background: var(--qe-bg-nav) !important; }
html[data-theme="light"] .qe-navbar .nav-link { color: var(--qe-text-secondary) !important; }
html[data-theme="light"] .qe-navbar .nav-link:hover { color: var(--qe-text) !important; }
html[data-theme="light"] .qe-navbar .nav-link.active { color: var(--qe-primary) !important; }

/* --- Nav Icons --- */
html[data-theme="light"] .qe-nav-icon { color: var(--qe-text-secondary); }
html[data-theme="light"] .qe-nav-icon:hover { color: var(--qe-text); }

/* --- Cards --- */
html[data-theme="light"] .card,
html[data-theme="light"] .qe-card {
    background: var(--qe-bg-card);
    border-color: var(--qe-border);
    color: var(--qe-text);
}
html[data-theme="light"] .card .card-header {
    background: var(--qe-bg-elevated);
    border-bottom-color: var(--qe-border);
    color: var(--qe-text);
}
html[data-theme="light"] .card .card-body { color: var(--qe-text); }
html[data-theme="light"] .card .card-title { color: var(--qe-text); }

/* --- Dropdown --- */
html[data-theme="light"] .dropdown-menu { background: var(--qe-bg-card); border-color: var(--qe-border); }
html[data-theme="light"] .dropdown-menu .dropdown-item { color: var(--qe-text-secondary); }
html[data-theme="light"] .dropdown-menu .dropdown-item:hover { background: var(--qe-bg-elevated); color: var(--qe-text); }
html[data-theme="light"] .dropdown-menu .dropdown-item.active,
html[data-theme="light"] .dropdown-menu .dropdown-item:active { background: var(--qe-primary); color: #fff; }

/* --- Mobile Nav --- */
html[data-theme="light"] .qe-mobile-nav { background: var(--qe-bg-nav) !important; }
html[data-theme="light"] .qe-mobile-nav-item { color: var(--qe-text-muted) !important; }
html[data-theme="light"] .qe-mobile-nav-item:hover,
html[data-theme="light"] .qe-mobile-nav-item.active { color: var(--qe-primary) !important; }

/* --- Footer --- */
html[data-theme="light"] .qe-footer { background: var(--qe-bg-card) !important; color: var(--qe-text-secondary); }
html[data-theme="light"] .qe-footer h6 { color: var(--qe-text); }
html[data-theme="light"] .qe-footer a { color: var(--qe-text-muted); }

/* --- Forms --- */
html[data-theme="light"] .form-control,
html[data-theme="light"] .form-select {
    background: var(--qe-bg-card);
    border-color: var(--qe-border);
    color: var(--qe-text);
}
html[data-theme="light"] .form-control:focus,
html[data-theme="light"] .form-select:focus {
    background: var(--qe-bg-card);
    color: var(--qe-text);
    border-color: var(--qe-primary);
}
html[data-theme="light"] .form-control::placeholder { color: var(--qe-text-muted); }
html[data-theme="light"] .form-label { color: var(--qe-text-secondary); }

/* --- Tables --- */
html[data-theme="light"] .table { color: var(--qe-text); }
html[data-theme="light"] .table > :not(caption) > * > * {
    background: transparent;
    border-bottom-color: var(--qe-border);
    color: var(--qe-text);
}
html[data-theme="light"] .table thead th { color: var(--qe-text-secondary); }

/* --- Hero --- */
html[data-theme="light"] .qe-hero {
    background: var(--qe-bg);
}
html[data-theme="light"] .qe-hero-orb { opacity: 0.2; }
html[data-theme="light"] .qe-hero-grid { opacity: 0.15; }
html[data-theme="light"] .qe-hero h1 {
    background: linear-gradient(135deg, var(--qe-text) 0%, var(--qe-text-secondary) 60%, var(--qe-primary) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}
html[data-theme="light"] .qe-hero p { color: var(--qe-text-secondary); }
html[data-theme="light"] .qe-hero-badge {
    background: var(--qe-primary-glow);
    border-color: var(--qe-border);
}
html[data-theme="light"] .qe-hero-btn-secondary {
    border-color: var(--qe-border);
    color: var(--qe-text-secondary);
}
html[data-theme="light"] .qe-hero-btn-secondary:hover {
    background: var(--qe-bg-elevated);
    border-color: var(--qe-primary);
    color: var(--qe-text);
}

/* --- Buttons --- */
html[data-theme="light"] .btn-primary {
    background: var(--qe-primary);
    border-color: var(--qe-primary);
    color: var(--qe-btn-text);
    box-shadow: 0 2px 8px var(--qe-primary-glow);
}
html[data-theme="light"] .btn-primary:hover {
    background: var(--qe-primary-hover);
    border-color: var(--qe-primary-hover);
    color: var(--qe-btn-text);
}
html[data-theme="light"] .btn-outline-light {
    border-color: var(--qe-border);
    color: var(--qe-text-secondary);
}
html[data-theme="light"] .btn-outline-light:hover {
    background: var(--qe-bg-elevated);
    border-color: var(--qe-border-hover);
    color: var(--qe-text);
}
html[data-theme="light"] .btn-outline-secondary {
    border-color: var(--qe-border);
    color: var(--qe-text-secondary);
}

/* --- Theme Toggle --- */
html[data-theme="light"] .qe-theme-toggle {
    border-color: var(--qe-border);
    color: var(--qe-text-secondary);
}
html[data-theme="light"] .qe-theme-toggle:hover {
    border-color: var(--qe-primary);
    color: var(--qe-primary);
}
html[data-theme="light"] .qe-mobile-nav .qe-theme-toggle {
    border: none;
    color: var(--qe-text-muted) !important;
}

/* --- Badges --- */
html[data-theme="light"] .bg-secondary {
    background: var(--qe-bg-elevated) !important;
    color: var(--qe-text-secondary) !important;
    border: 1px solid var(--qe-border);
}

/* --- Breadcrumb --- */
html[data-theme="light"] .breadcrumb-item a { color: var(--qe-text-muted); }
html[data-theme="light"] .breadcrumb-item.active { color: var(--qe-text-secondary); }

/* --- Pagination --- */
html[data-theme="light"] .page-item .page-link {
    background: var(--qe-bg-card);
    border-color: var(--qe-border);
    color: var(--qe-text-secondary);
}
html[data-theme="light"] .page-item .page-link:hover {
    background: var(--qe-bg-elevated);
    color: var(--qe-primary);
}

/* --- List Group --- */
html[data-theme="light"] .list-group-item {
    background: var(--qe-bg-card);
    border-color: var(--qe-border);
    color: var(--qe-text);
}
html[data-theme="light"] .list-group-item-action:hover,
html[data-theme="light"] .list-group-item-action:focus {
    background: var(--qe-bg-elevated);
    color: var(--qe-text);
}
html[data-theme="light"] .list-group-item.active,
html[data-theme="light"] .list-group-item-action.active {
    background: var(--qe-primary) !important;
    border-color: var(--qe-primary) !important;
    color: #fff !important;
}
html[data-theme="light"] .list-group-flush .list-group-item {
    border-left: 0;
    border-right: 0;
    border-radius: 0;
}

/* --- Utility Overrides --- */
html[data-theme="light"] .bg-light { background: var(--qe-bg-elevated) !important; }
html[data-theme="light"] .text-muted { color: var(--qe-text-muted) !important; }
html[data-theme="light"] .text-white { color: var(--qe-text) !important; }
html[data-theme="light"] .border-secondary { border-color: var(--qe-border) !important; }

/* --- Admin Sidebar --- */
html[data-theme="light"] .admin-sidebar {
    background: var(--qe-bg-card) !important;
    border-right-color: var(--qe-border);
}
html[data-theme="light"] .admin-sidebar .nav-link { color: var(--qe-text-secondary); }
html[data-theme="light"] .admin-sidebar .nav-link:hover,
html[data-theme="light"] .admin-sidebar .nav-link.active {
    background: var(--qe-primary-glow);
    color: var(--qe-text);
}

/* --- Admin Topbar & Main --- */
html[data-theme="light"] .admin-topbar {
    background: var(--qe-bg-card);
    border-bottom-color: var(--qe-border);
}
html[data-theme="light"] .admin-main { background: var(--qe-bg); color: var(--qe-text); }

/* --- Search Suggestions --- */
html[data-theme="light"] .qe-search-suggestions {
    background: var(--qe-bg-card);
    border-color: var(--qe-border);
}

/* --- Scrollbar --- */
html[data-theme="light"] ::-webkit-scrollbar-track { background: var(--qe-bg); }
html[data-theme="light"] ::-webkit-scrollbar-thumb { background: rgba(0,0,0,0.15); }

/* --- Headings & Text --- */
html[data-theme="light"] h1,
html[data-theme="light"] h2,
html[data-theme="light"] h3,
html[data-theme="light"] h4,
html[data-theme="light"] h5,
html[data-theme="light"] h6 { color: var(--qe-text); }

html[data-theme="light"] p { color: var(--qe-text); }
html[data-theme="light"] small { color: var(--qe-text-secondary); }

/* --- Alerts --- */
html[data-theme="light"] .alert-success { background: #dcfce7; color: #166534; }
html[data-theme="light"] .alert-danger { background: #fee2e2; color: #991b1b; }
html[data-theme="light"] .alert-warning { background: #fef3c7; color: #92400e; }
html[data-theme="light"] .alert-info { background: #dbeafe; color: #1e40af; }

/* --- Input Group --- */
html[data-theme="light"] .input-group .btn-outline-secondary {
    border-color: var(--qe-border);
    color: var(--qe-text-secondary);
}

/* --- Modal --- */
html[data-theme="light"] .modal-content {
    background: var(--qe-bg-card);
    color: var(--qe-text);
}