/**
 * JobDeva - Dark Mode Styles
 * Owner: Bharath Kiran Lokanadham
 */

[data-theme="dark"] {
    /* Override body */
    color-scheme: dark;
}

[data-theme="dark"] body {
    background-color: #0f172a;
    color: #e2e8f0;
}

/* Navbar */
[data-theme="dark"] .navbar {
    background-color: #1e293b;
    border-bottom: 1px solid #334155;
}

[data-theme="dark"] .navbar-brand {
    color: #60a5fa !important;
}

[data-theme="dark"] .nav-link {
    color: #94a3b8 !important;
}

[data-theme="dark"] .nav-link:hover,
[data-theme="dark"] .nav-link.active {
    color: #60a5fa !important;
    background-color: #334155;
}

/* Cards */
[data-theme="dark"] .job-card,
[data-theme="dark"] .card,
[data-theme="dark"] .search-section,
[data-theme="dark"] .job-detail-header,
[data-theme="dark"] .job-detail-section,
[data-theme="dark"] .stat-card {
    background-color: #1e293b;
    border-color: #334155;
}

[data-theme="dark"] .job-title,
[data-theme="dark"] .job-detail-title,
[data-theme="dark"] h1, 
[data-theme="dark"] h2, 
[data-theme="dark"] h3,
[data-theme="dark"] h4 {
    color: #f1f5f9;
}

[data-theme="dark"] .job-organization {
    color: #cbd5e1;
}

[data-theme="dark"] .job-description,
[data-theme="dark"] .text-muted {
    color: #94a3b8 !important;
}

[data-theme="dark"] .job-meta-item {
    color: #94a3b8;
}

[data-theme="dark"] .job-footer {
    border-color: #334155;
}

/* Form Controls */
[data-theme="dark"] .form-control,
[data-theme="dark"] .search-input,
[data-theme="dark"] .filter-select,
[data-theme="dark"] .captcha-input {
    background-color: #1e293b;
    border-color: #334155;
    color: #e2e8f0;
}

[data-theme="dark"] .form-control:focus,
[data-theme="dark"] .search-input:focus,
[data-theme="dark"] .filter-select:focus {
    border-color: #3b82f6;
    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.2);
}

[data-theme="dark"] .form-label {
    color: #cbd5e1;
}

/* Buttons */
[data-theme="dark"] .btn-outline {
    border-color: #475569;
    color: #94a3b8;
}

[data-theme="dark"] .btn-outline:hover {
    border-color: #3b82f6;
    color: #60a5fa;
}

[data-theme="dark"] .btn-primary {
    background-color: #2563eb;
}

[data-theme="dark"] .btn-primary:hover {
    background-color: #1d4ed8;
}

/* Tables */
[data-theme="dark"] .table th {
    color: #94a3b8;
    border-color: #334155;
}

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

[data-theme="dark"] .table tr:hover {
    background-color: #334155;
}

/* Badges */
[data-theme="dark"] .badge.sector-govt {
    background-color: rgba(16, 185, 129, 0.2);
    color: #34d399;
}

[data-theme="dark"] .badge.sector-private {
    background-color: rgba(139, 92, 246, 0.2);
    color: #a78bfa;
}

[data-theme="dark"] .badge.sector-local {
    background-color: rgba(6, 182, 212, 0.2);
    color: #22d3ee;
}

[data-theme="dark"] .badge.urgency {
    background-color: #dc2626;
}

/* Sector Tabs */
[data-theme="dark"] .sector-tab {
    background-color: #1e293b;
    border-color: #334155;
    color: #94a3b8;
}

[data-theme="dark"] .sector-tab:hover {
    border-color: #3b82f6;
    color: #60a5fa;
}

[data-theme="dark"] .sector-tab.active {
    background-color: #2563eb;
    border-color: #2563eb;
    color: white;
}

/* Bottom Nav */
[data-theme="dark"] .bottom-nav {
    background-color: #1e293b;
    border-top-color: #334155;
}

[data-theme="dark"] .bottom-nav-item {
    color: #64748b;
}

[data-theme="dark"] .bottom-nav-item.active,
[data-theme="dark"] .bottom-nav-item:hover {
    color: #60a5fa;
}

/* Footer */
[data-theme="dark"] .footer {
    background-color: #1e293b;
    border-top-color: #334155;
}

[data-theme="dark"] .footer-text,
[data-theme="dark"] .footer-links a {
    color: #64748b;
}

/* Modal */
[data-theme="dark"] .modal-content {
    background-color: #1e293b;
}

[data-theme="dark"] .captcha-question {
    color: #f1f5f9;
}

/* Card Header/Footer */
[data-theme="dark"] .card-header,
[data-theme="dark"] .card-footer {
    border-color: #334155;
    background-color: #0f172a;
}

/* Select Dropdown */
[data-theme="dark"] .filter-select {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");
}

/* Toast */
[data-theme="dark"] .toast {
    background-color: #334155;
}

/* Empty State */
[data-theme="dark"] .empty-state-icon {
    color: #475569;
}

[data-theme="dark"] .empty-state-title {
    color: #94a3b8;
}

[data-theme="dark"] .empty-state-text {
    color: #64748b;
}

/* Skeleton */
[data-theme="dark"] .skeleton {
    background: linear-gradient(90deg, #334155 25%, #1e293b 50%, #334155 75%);
    background-size: 200% 100%;
}

/* Scrollbar */
[data-theme="dark"] ::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

[data-theme="dark"] ::-webkit-scrollbar-track {
    background: #1e293b;
}

[data-theme="dark"] ::-webkit-scrollbar-thumb {
    background: #475569;
    border-radius: 4px;
}

[data-theme="dark"] ::-webkit-scrollbar-thumb:hover {
    background: #64748b;
}

/* Hero Section Dark Override */
[data-theme="dark"] .hero-section {
    background: linear-gradient(135deg, #1e3a8a 0%, #1e40af 100%);
}

/* Admin Specific */
[data-theme="dark"] .stat-value {
    color: #60a5fa;
}

/* Links */
[data-theme="dark"] a {
    color: #60a5fa;
}

[data-theme="dark"] a:hover {
    color: #93c5fd;
}

/* Code and Pre */
[data-theme="dark"] code,
[data-theme="dark"] pre {
    background-color: #0f172a;
    border-color: #334155;
}

/* HR */
[data-theme="dark"] hr {
    border-color: #334155;
}

/* Alert */
[data-theme="dark"] .alert {
    background-color: #1e293b;
    border-color: #334155;
}

/* Dropdown Menu */
[data-theme="dark"] .dropdown-menu {
    background-color: #1e293b;
    border-color: #334155;
}

[data-theme="dark"] .dropdown-item {
    color: #e2e8f0;
}

[data-theme="dark"] .dropdown-item:hover {
    background-color: #334155;
    color: #f1f5f9;
}

/* Dark Mode Toggle Button */
.dark-mode-toggle {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    border: 2px solid var(--gray-200);
    background-color: var(--card-bg);
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all var(--transition-fast);
}

[data-theme="dark"] .dark-mode-toggle {
    border-color: #475569;
}

.dark-mode-toggle:hover {
    border-color: var(--primary-color);
}

.dark-mode-toggle i {
    font-size: 1.25rem;
    color: var(--gray-600);
}

[data-theme="dark"] .dark-mode-toggle i {
    color: #fbbf24;
}