/*
 * Jazzmin theme consistency fix.
 *
 * Jazzmin loads the light "cosmo" theme as the base and the dark "darkly"
 * theme via `media="(prefers-color-scheme: dark)"`. The Bootstrap *content*
 * switches automatically, but the navbar classes (navbar-white navbar-light)
 * are static and never follow the OS preference, leaving a light navbar on top
 * of dark content. These overrides make the static chrome follow the same
 * prefers-color-scheme signal so the admin is fully light OR fully dark.
 */

@media (prefers-color-scheme: dark) {
    /* ---- Top navbar (forced light -> dark) ---- */
    #jazzy-navbar.navbar-white,
    .main-header.navbar.navbar-white {
        background-color: #222 !important;
        border-bottom: 1px solid #444 !important;
    }

    #jazzy-navbar.navbar-light .nav-link,
    #jazzy-navbar.navbar-light .navbar-nav > .nav-item > .nav-link,
    #jazzy-navbar.navbar-light .navbar-brand,
    #jazzy-navbar .navbar-text {
        color: rgba(255, 255, 255, 0.85) !important;
    }

    #jazzy-navbar.navbar-light .nav-link:hover,
    #jazzy-navbar.navbar-light .nav-link:focus {
        color: #fff !important;
    }

    /* Navbar search box */
    #jazzy-navbar .form-control-navbar,
    #jazzy-navbar .form-control-navbar:focus {
        background-color: #303030 !important;
        border-color: #444 !important;
        color: rgba(255, 255, 255, 0.85) !important;
    }

    #jazzy-navbar .form-control-navbar::placeholder {
        color: rgba(255, 255, 255, 0.5) !important;
    }

    #jazzy-navbar .btn-navbar {
        background-color: #303030 !important;
        border-color: #444 !important;
        color: rgba(255, 255, 255, 0.85) !important;
    }

    /* Dropdown menus opened from the navbar */
    #jazzy-navbar .dropdown-menu {
        background-color: #2b2b2b !important;
        border-color: #444 !important;
    }

    #jazzy-navbar .dropdown-menu .dropdown-item {
        color: rgba(255, 255, 255, 0.85) !important;
    }

    #jazzy-navbar .dropdown-menu .dropdown-item:hover,
    #jazzy-navbar .dropdown-menu .dropdown-item:focus {
        background-color: #3a3a3a !important;
        color: #fff !important;
    }

    #jazzy-navbar .dropdown-divider {
        border-color: #444 !important;
    }

    /* ---- Content header / breadcrumb strip ---- */
    .content-header .breadcrumb,
    .content-wrapper {
        background-color: transparent !important;
    }

    /* ---- Footer (forced light -> dark) ---- */
    .main-footer {
        background-color: #222 !important;
        border-top: 1px solid #444 !important;
        color: rgba(255, 255, 255, 0.7) !important;
    }
}