/* --------------------------------------------------------------------------
   1. Native browser controls
   -------------------------------------------------------------------------- */

[data-bs-theme="dark"],
[data-theme="dark"] {
    color-scheme: dark;
}


/* --------------------------------------------------------------------------
   2. Navbar / mobile toggler compatibility
   -------------------------------------------------------------------------- */

[data-bs-theme="dark"] .navbar-toggler,
[data-theme="dark"] .navbar-toggler {
    color: var(--wl-text);
    border-color: var(--wl-border);
}

[data-bs-theme="dark"] .navbar-toggler-icon,
[data-theme="dark"] .navbar-toggler-icon {
    filter: none;
}


/* --------------------------------------------------------------------------
   3. Bootstrap modal / offcanvas surfaces
   -------------------------------------------------------------------------- */

[data-bs-theme="dark"] .modal-content,
[data-theme="dark"] .modal-content,
[data-bs-theme="dark"] .offcanvas,
[data-theme="dark"] .offcanvas {
    background-color: var(--wl-surface);
    color: var(--wl-text);
    border-color: var(--wl-border);
}

[data-bs-theme="dark"] .modal-header,
[data-theme="dark"] .modal-header,
[data-bs-theme="dark"] .modal-footer,
[data-theme="dark"] .modal-footer {
    border-color: var(--wl-border);
}


/* --------------------------------------------------------------------------
   4. Bootstrap list groups
   -------------------------------------------------------------------------- */

[data-bs-theme="dark"] .list-group-item,
[data-theme="dark"] .list-group-item {
    background-color: var(--wl-card-bg);
    color: var(--wl-text);
    border-color: var(--wl-border);
}


/* --------------------------------------------------------------------------
   5. Bootstrap pagination
   -------------------------------------------------------------------------- */

[data-bs-theme="dark"] .page-link,
[data-theme="dark"] .page-link {
    background-color: var(--wl-surface);
    color: var(--wl-text);
    border-color: var(--wl-border);
}

[data-bs-theme="dark"] .page-link:hover,
[data-theme="dark"] .page-link:hover {
    background-color: var(--wl-primary-light);
    color: var(--wl-primary);
    border-color: var(--wl-primary);
}

[data-bs-theme="dark"] .page-item.active .page-link,
[data-theme="dark"] .page-item.active .page-link {
    background-color: var(--wl-primary);
    color: #ffffff;
    border-color: var(--wl-primary);
}


/* --------------------------------------------------------------------------
   6. Alerts
   -------------------------------------------------------------------------- */

[data-bs-theme="dark"] .alert,
[data-theme="dark"] .alert {
    border-color: var(--wl-border);
}


/* --------------------------------------------------------------------------
   7. Horizontal rules
   -------------------------------------------------------------------------- */

[data-bs-theme="dark"] hr,
[data-theme="dark"] hr {
    border-color: var(--wl-border);
    opacity: 1;
}

/* Sky-blue dark-mode accent (yellow remains the light-mode brand accent). */
[data-bs-theme="dark"] .btn-warning,
[data-theme="dark"] .btn-warning,
body.dark-mode .btn-warning {
    --bs-btn-color: #081426;
    --bs-btn-bg: #60a5fa;
    --bs-btn-border-color: #60a5fa;
    --bs-btn-hover-color: #081426;
    --bs-btn-hover-bg: #93c5fd;
    --bs-btn-hover-border-color: #93c5fd;
    --bs-btn-active-color: #081426;
    --bs-btn-active-bg: #93c5fd;
    --bs-btn-active-border-color: #93c5fd;
}

[data-bs-theme="dark"] .text-warning,
[data-theme="dark"] .text-warning,
body.dark-mode .text-warning {
    color: #60a5fa !important;
}

[data-bs-theme="dark"] .border-warning,
[data-theme="dark"] .border-warning,
body.dark-mode .border-warning {
    border-color: #60a5fa !important;
}

[data-bs-theme="dark"] :is(.app-jobs-kicker,.myapp-kicker,.app-profile-kicker,.contact-kicker,.employer-dashboard-eyebrow,.job-view-kicker),
[data-theme="dark"] :is(.app-jobs-kicker,.myapp-kicker,.app-profile-kicker,.contact-kicker,.employer-dashboard-eyebrow,.job-view-kicker),
body.dark-mode :is(.app-jobs-kicker,.myapp-kicker,.app-profile-kicker,.contact-kicker,.employer-dashboard-eyebrow,.job-view-kicker) {
    color: #60a5fa !important;
}

[data-bs-theme="dark"] :is(.app-jobs-guidance-grid>a>i,.employer-dashboard-profile a,.job-view-company i),
[data-theme="dark"] :is(.app-jobs-guidance-grid>a>i,.employer-dashboard-profile a,.job-view-company i),
body.dark-mode :is(.app-jobs-guidance-grid>a>i,.employer-dashboard-profile a,.job-view-company i) {
    color: #60a5fa !important;
}