/* ══════════════════════════════════════
   Dark Mode — Global Overrides
   ══════════════════════════════════════ */

/* ── Base ── */
body.dark-mode {
    --dark:       #f1f5f9;
    --gray-dark:  #cbd5e1;
    --gray:       #94a3b8;
    --gray-light: #334155;
    --light:      #0f172a;
    --white:      #1e293b;
    background:   #0f172a !important;
    color:        #e2e8f0 !important;
}

/* ── Hero (index.php) ── */
body.dark-mode .hero {
    background:
        linear-gradient(160deg, rgba(8,15,35,.92) 0%, rgba(15,30,65,.86) 100%),
        url('https://images.unsplash.com/photo-1521737711867-e3b97375f902?w=1600&q=80') center/cover no-repeat !important;
}

/* ── Header ── */
body.dark-mode .header {
    background: #1e293b !important;
    box-shadow: 0 1px 3px rgba(0,0,0,.5) !important;
}
body.dark-mode .nav-links a { color: #cbd5e1 !important; }
body.dark-mode .nav-links a:hover,
body.dark-mode .nav-links a.active { color: #fff !important; }
body.dark-mode .btn-login {
    border-color: #27a8df !important;
    color: #27a8df !important;
    background: transparent !important;
}
body.dark-mode .btn-login:hover { background: #27a8df !important; color: #fff !important; }
body.dark-mode .btn-register { color: #fff !important; }
body.dark-mode .dropdown-content {
    background: #1e293b !important;
    border: 1px solid #334155 !important;
}
body.dark-mode .dropdown-content a {
    color: #cbd5e1 !important;
    border-bottom-color: #334155 !important;
}
body.dark-mode .dropdown-content a:hover { background: #0f172a !important; color: #27a8df !important; }
body.dark-mode .theme-toggle { background: #334155 !important; color: #e2e8f0 !important; }

/* ── Stats strip (index.php) ── */
body.dark-mode .stats-strip { background: #1e293b !important; border-bottom-color: #334155 !important; }
body.dark-mode .stat-item { border-right-color: #334155 !important; }
body.dark-mode .stat-item:hover { background: rgba(39,168,223,.08) !important; }
body.dark-mode .stat-lbl { color: #94a3b8 !important; }

/* ── Sections ── */
body.dark-mode .section { background: #0f172a !important; }
body.dark-mode .section-alt { background: #1e293b !important; }

/* ── Category cards (index.php) ── */
body.dark-mode .cat-card {
    background: #1e293b !important;
    border-color: #334155 !important;
}
body.dark-mode .cat-card:hover { border-color: #27a8df !important; }
body.dark-mode .cat-card-name { color: #e2e8f0 !important; }
body.dark-mode .cat-card-count { background: rgba(39,168,223,.15) !important; color: #8ccfe8 !important; }

/* ── Job cards (index.php) ── */
body.dark-mode .jcard {
    background: #1e293b !important;
    border-color: #334155 !important;
    color: #e2e8f0 !important;
}
body.dark-mode .jcard:hover { border-color: #27a8df !important; }
body.dark-mode .jcard-title { color: #f1f5f9 !important; }
body.dark-mode .jcard-company,
body.dark-mode .jcard-meta span { color: #94a3b8 !important; }
body.dark-mode .jcard-footer { border-top-color: #334155 !important; }

/* ── How It Works steps ── */
body.dark-mode .step {
    background: #1e293b !important;
    border-color: #334155 !important;
}
body.dark-mode .step:hover { border-color: #27a8df !important; }
body.dark-mode .step-title { color: #f1f5f9 !important; }
body.dark-mode .step-desc { color: #94a3b8 !important; }

/* ── Testimonials ── */
body.dark-mode .tcard {
    background: #1e293b !important;
    border-color: #334155 !important;
}
body.dark-mode .tcard:hover { border-color: #27a8df !important; }
body.dark-mode .ttext { color: #cbd5e1 !important; }
body.dark-mode .tname { color: #f1f5f9 !important; }
body.dark-mode .trole { color: #94a3b8 !important; }

/* ── Buttons ── */
body.dark-mode .btn-ghost { border-color: #27a8df !important; color: #27a8df !important; }
body.dark-mode .btn-ghost:hover { background: #27a8df !important; color: #fff !important; }

/* ══════════════════════════════════════
   Job List Page (pages/job-list.php)
   ══════════════════════════════════════ */
body.dark-mode .jl-hero {
    background: linear-gradient(135deg, #020617 0%, #0f172a 60%, #1e3a5f 100%) !important;
}
body.dark-mode .jobs-container { background: transparent !important; }
body.dark-mode .filters-sidebar {
    background: #1e293b !important;
    border-color: #334155 !important;
}
body.dark-mode .sidebar-title { color: #f1f5f9 !important; border-bottom-color: #334155 !important; }
body.dark-mode .filter-group label { color: #94a3b8 !important; }
body.dark-mode .filter-group input,
body.dark-mode .filter-group select {
    background: #0f172a !important;
    border-color: #334155 !important;
    color: #e2e8f0 !important;
}
body.dark-mode .filter-group input:focus,
body.dark-mode .filter-group select:focus {
    border-color: #27a8df !important;
    background: #1e293b !important;
}
body.dark-mode .filter-group input::placeholder { color: #475569 !important; }
body.dark-mode .filter-group select option { background: #1e293b !important; color: #e2e8f0 !important; }
body.dark-mode .jobs-header h2 { color: #f1f5f9 !important; }
body.dark-mode .jobs-count { background: #334155 !important; color: #94a3b8 !important; }
body.dark-mode .job-card {
    background: #1e293b !important;
    border-color: #334155 !important;
    color: #e2e8f0 !important;
}
body.dark-mode .job-card:hover { border-color: #27a8df !important; }
body.dark-mode .job-title { color: #f1f5f9 !important; }
body.dark-mode .company-name { color: #94a3b8 !important; }
body.dark-mode .job-meta span { color: #94a3b8 !important; }
body.dark-mode .job-meta { border-top-color: #334155 !important; border-bottom-color: #334155 !important; }
body.dark-mode .job-footer { border-top-color: #334155 !important; }
body.dark-mode .no-jobs { background: #1e293b !important; border-color: #334155 !important; }
body.dark-mode .no-jobs h3 { color: #e2e8f0 !important; }
body.dark-mode .no-jobs p { color: #94a3b8 !important; }
body.dark-mode .page-link {
    background: #1e293b !important;
    border-color: #334155 !important;
    color: #94a3b8 !important;
}
body.dark-mode .page-link:hover { background: #0f172a !important; border-color: #27a8df !important; color: #27a8df !important; }
body.dark-mode .page-link.active { background: #27a8df !important; color: #fff !important; border-color: #27a8df !important; }

/* ══════════════════════════════════════
   Job Details Page (pages/job-details.php)
   ══════════════════════════════════════ */
body.dark-mode .job-detail-container { background: transparent !important; }
body.dark-mode .job-main {
    background: #1e293b !important;
    color: #e2e8f0 !important;
}
body.dark-mode .job-header { border-bottom-color: #334155 !important; }
body.dark-mode .jd-title { color: #f1f5f9 !important; }
body.dark-mode .jd-company { color: #94a3b8 !important; }
body.dark-mode .job-meta-grid { background: #0f172a !important; }
body.dark-mode .meta-item span { color: #cbd5e1 !important; }
body.dark-mode .jd-section-title { color: #f1f5f9 !important; }
body.dark-mode .job-main div[style*="color:#374151"] { color: #cbd5e1 !important; }
body.dark-mode .skill-tag { background: rgba(39,168,223,.15) !important; color: #8ccfe8 !important; }
body.dark-mode .company-card {
    background: #1e293b !important;
    color: #e2e8f0 !important;
}
body.dark-mode .company-card h3 { color: #f1f5f9 !important; }
body.dark-mode .company-card p { color: #94a3b8 !important; }
body.dark-mode .jd-save-btn {
    background: #0f172a !important;
    border-color: #27a8df !important;
    color: #27a8df !important;
}
body.dark-mode .jd-save-btn:hover { background: #27a8df !important; color: #fff !important; }
body.dark-mode .similar-job-card {
    background: #0f172a !important;
    color: #e2e8f0 !important;
}
body.dark-mode .similar-job-card h4 { color: #f1f5f9 !important; }
body.dark-mode .similar-job-card div[style*="color:#666"] { color: #94a3b8 !important; }
body.dark-mode .jd-breadcrumb { color: #64748b !important; }

/* ══════════════════════════════════════
   About Page (about.php)
   ══════════════════════════════════════ */
body.dark-mode .ab-section { background: #0f172a !important; }
body.dark-mode .ab-section-alt { background: #1e293b !important; }
body.dark-mode .ab-heading h2 { color: #f1f5f9 !important; }
body.dark-mode .ab-heading p { color: #94a3b8 !important; }
body.dark-mode .ab-intro p { color: #94a3b8 !important; }
body.dark-mode .ab-intro strong { color: #e2e8f0 !important; }
body.dark-mode .ab-stat {
    background: #1e293b !important;
    border-color: #334155 !important;
}
body.dark-mode .ab-stat-num { color: #f1f5f9 !important; }
body.dark-mode .ab-stat-label { color: #94a3b8 !important; }
body.dark-mode .ab-value-card {
    background: #1e293b !important;
    border-color: #334155 !important;
}
body.dark-mode .ab-value-card:hover { border-color: #27a8df !important; }
body.dark-mode .ab-value-card h3 { color: #f1f5f9 !important; }
body.dark-mode .ab-value-card p { color: #94a3b8 !important; }
body.dark-mode .ab-why-item {
    background: #1e293b !important;
    border-color: #334155 !important;
}
body.dark-mode .ab-why-item:hover { border-color: #27a8df !important; }
body.dark-mode .ab-why-item h4 { color: #f1f5f9 !important; }
body.dark-mode .ab-why-item p { color: #94a3b8 !important; }
body.dark-mode .ab-info-title { color: #f1f5f9 !important; }

/* ══════════════════════════════════════
   Contact Page (contact.php)
   ══════════════════════════════════════ */
body.dark-mode .ct-section { background: #0f172a !important; }
body.dark-mode .ct-info-title { color: #f1f5f9 !important; }
body.dark-mode .ct-info-sub { color: #94a3b8 !important; }
body.dark-mode .ct-info-card {
    background: #1e293b !important;
    border-color: #334155 !important;
}
body.dark-mode .ct-info-card:hover { border-color: #27a8df !important; }
body.dark-mode .ct-info-body h4 { color: #f1f5f9 !important; }
body.dark-mode .ct-info-body p,
body.dark-mode .ct-info-body a { color: #94a3b8 !important; }
body.dark-mode .ct-info-body a:hover { color: #27a8df !important; }
body.dark-mode .ct-hours-row { color: #94a3b8 !important; }
body.dark-mode .ct-hours-row span:last-child { color: #e2e8f0 !important; }
body.dark-mode .ct-social-link {
    background: #334155 !important;
    border-color: #475569 !important;
    color: #94a3b8 !important;
}
body.dark-mode .ct-social-link:hover { background: #27a8df !important; color: #fff !important; border-color: #27a8df !important; }
body.dark-mode .ct-form-card {
    background: #1e293b !important;
    border-color: #334155 !important;
}
body.dark-mode .ct-form-title { color: #f1f5f9 !important; }
body.dark-mode .ct-form-sub { color: #94a3b8 !important; }
body.dark-mode .ct-fg label { color: #94a3b8 !important; }
body.dark-mode .ct-fg input,
body.dark-mode .ct-fg textarea,
body.dark-mode .ct-fg select {
    background: #0f172a !important;
    border-color: #334155 !important;
    color: #e2e8f0 !important;
}
body.dark-mode .ct-fg input:focus,
body.dark-mode .ct-fg textarea:focus,
body.dark-mode .ct-fg select:focus {
    border-color: #27a8df !important;
    background: #1e293b !important;
}
body.dark-mode .ct-fg input::placeholder,
body.dark-mode .ct-fg textarea::placeholder { color: #475569 !important; }
body.dark-mode .ct-fg select option { background: #1e293b !important; color: #e2e8f0 !important; }

/* ══════════════════════════════════════
   Privacy Policy / Terms / Cookie pages
   ══════════════════════════════════════ */
body.dark-mode .pp-wrap { background: transparent !important; }
body.dark-mode .pp-toc {
    background: #1e293b !important;
    border-color: #334155 !important;
}
body.dark-mode .pp-toc h2 { color: #64748b !important; }
body.dark-mode .pp-section h2 {
    color: #f1f5f9 !important;
    border-bottom-color: #334155 !important;
}
body.dark-mode .pp-section h3 { color: #e2e8f0 !important; }
body.dark-mode .pp-section p,
body.dark-mode .pp-section li { color: #94a3b8 !important; }
body.dark-mode .pp-def {
    background: #1e293b !important;
    border-left-color: #334155 !important;
}
body.dark-mode .pp-def strong { color: #e2e8f0 !important; }
body.dark-mode .pp-def p { color: #94a3b8 !important; }
body.dark-mode .pp-table th {
    background: #0f172a !important;
    color: #94a3b8 !important;
    border-bottom-color: #334155 !important;
}
body.dark-mode .pp-table td {
    color: #94a3b8 !important;
    border-bottom-color: #1e293b !important;
}
body.dark-mode .pp-highlight {
    background: rgba(39,168,223,.1) !important;
    border-left-color: #27a8df !important;
}
body.dark-mode .pp-highlight p { color: #8ccfe8 !important; }

/* ══════════════════════════════════════
   Recently Viewed Page
   ══════════════════════════════════════ */
body.dark-mode .top-bar {
    background: #1e293b !important;
    color: #f1f5f9 !important;
}
body.dark-mode .top-bar h1 { color: #f1f5f9 !important; }
body.dark-mode .job-card {
    background: #1e293b !important;
    border-color: #334155 !important;
    color: #e2e8f0 !important;
}
body.dark-mode .job-card:hover { border-color: #27a8df !important; }
body.dark-mode .job-body .job-title { color: #f1f5f9 !important; }
body.dark-mode .job-body .job-company { color: #94a3b8 !important; }
body.dark-mode .job-body .job-meta span { color: #94a3b8 !important; }
body.dark-mode .empty {
    background: #1e293b !important;
    border-color: #334155 !important;
}
body.dark-mode .empty h3 { color: #e2e8f0 !important; }
body.dark-mode .empty p { color: #94a3b8 !important; }

/* ══════════════════════════════════════
   Dashboard (dashboard.php)
   ══════════════════════════════════════ */
body.dark-mode .main-content { background: #0f172a !important; }
body.dark-mode .top-bar { background: #1e293b !important; }
body.dark-mode .welcome-text h1 { color: #f1f5f9 !important; }
body.dark-mode .welcome-text p { color: #94a3b8 !important; }
body.dark-mode .stat-card {
    background: #1e293b !important;
    border-color: #334155 !important;
}
body.dark-mode .stat-value { color: #f1f5f9 !important; }
body.dark-mode .stat-label { color: #94a3b8 !important; }
body.dark-mode .action-card {
    background: #1e293b !important;
    color: #e2e8f0 !important;
}
body.dark-mode .action-card:hover { box-shadow: 0 10px 30px rgba(0,0,0,.4) !important; }
body.dark-mode .action-card h3 { color: #f1f5f9 !important; }
body.dark-mode .action-card p { color: #94a3b8 !important; }
body.dark-mode .quick-links { background: #1e293b !important; }
body.dark-mode .quick-link { background: #334155 !important; color: #94a3b8 !important; }
body.dark-mode .quick-link:hover { background: #27a8df !important; color: #fff !important; }
/* Seeker visual sections */
body.dark-mode .sk-status-pill { background: #1e293b !important; }
body.dark-mode .sk-status-pill:not(:last-child)::after { border-left-color: #334155 !important; }
body.dark-mode .sp-count { color: #f1f5f9 !important; }
body.dark-mode .sp-label { color: #94a3b8 !important; }
body.dark-mode .sk-card { background: #1e293b !important; }
body.dark-mode .sk-card-title { color: #f1f5f9 !important; }
body.dark-mode .hm-0 { background: #334155 !important; color: #64748b !important; }
body.dark-mode .hm-label { color: #64748b !important; }
body.dark-mode .tl-title { color: #f1f5f9 !important; }
body.dark-mode .tl-meta { color: #94a3b8 !important; }
body.dark-mode .sk-timeline::before { background: #334155 !important; }
/* Recruiter chart cards */
body.dark-mode .rec-chart-card { background: #1e293b !important; }
body.dark-mode .rec-chart-title { color: #f1f5f9 !important; }
body.dark-mode .tj-track { background: #334155 !important; }
body.dark-mode .tj-label { color: #94a3b8 !important; }
body.dark-mode .ra-row { border-bottom-color: #334155 !important; }
body.dark-mode .ra-name { color: #f1f5f9 !important; }
body.dark-mode .ra-meta { color: #94a3b8 !important; }

/* ══════════════════════════════════════
   Footer
   ══════════════════════════════════════ */
body.dark-mode .footer {
    background: linear-gradient(135deg, #020617 0%, #0f172a 100%) !important;
}

/* ══════════════════════════════════════
   Scrollbar
   ══════════════════════════════════════ */
body.dark-mode ::-webkit-scrollbar-track { background: #0f172a; }
body.dark-mode ::-webkit-scrollbar-thumb { background: #334155; }
body.dark-mode ::-webkit-scrollbar-thumb:hover { background: #27a8df; }