/* ============================================================
   Liberty World Ministries — Navbar Stylesheet
   /css/navbar.css

   Loads LAST in header.php — after Bootstrap and global.css.
   Contains ONLY navbar protection rules.
   Ensures Bootstrap's responsive collapse cannot be overridden
   by anything in global.css or any page-specific CSS.
   No other site styles belong in this file.
============================================================ */

/* ── MOBILE (max 991px) ────────────────────────────────────── */
@media (max-width: 991.98px) {

    nav.navbar {
        display: flex !important;
        flex-wrap: wrap !important;
        align-items: center !important;
        min-height: 56px !important;
    }

    nav.navbar .navbar-brand {
        display: flex !important;
        align-items: center !important;
        visibility: visible !important;
        opacity: 1 !important;
        flex-shrink: 1 !important;
        min-width: 0 !important;
    }

    nav.navbar .navbar-toggler {
        display: flex !important;
        flex-shrink: 0 !important;
        align-items: center !important;
        justify-content: center !important;
        visibility: visible !important;
        opacity: 1 !important;
    }

    /* Closed state */
    nav.navbar .navbar-collapse.collapse:not(.show) {
        display: none !important;
        visibility: hidden !important;
        height: 0 !important;
        overflow: hidden !important;
    }

    /* Open state — after hamburger click */
    nav.navbar .navbar-collapse.collapse.show {
        display: block !important;
        visibility: visible !important;
        width: 100% !important;
        height: auto !important;
        overflow: visible !important;
    }

    /* Dropdowns stack vertically on mobile */
    nav.navbar .dropdown-menu.show {
        position: static !important;
        border: none !important;
        box-shadow: none !important;
        background-color: rgba(0,0,0,0.15) !important;
        padding-left: 1rem !important;
    }
}

/* ── DESKTOP (992px and above) ─────────────────────────────── */
@media (min-width: 992px) {

    /* Hamburger hidden on desktop */
    nav.navbar .navbar-toggler {
        display: none !important;
    }

    /* Nav always visible on desktop —
       .navbar-expand-lg added to increase specificity */
    nav.navbar.navbar-expand-lg .navbar-collapse.collapse {
        display: flex !important;
        flex-basis: auto !important;
        visibility: visible !important;
        height: auto !important;
        overflow: visible !important;
    }

    /* Dropdowns float correctly on desktop */
    nav.navbar .dropdown-menu {
        position: absolute !important;
        z-index: 9999 !important;
    }
}

/* ── DONATE BUTTON SPACING ─────────────────────────────────── */
nav.navbar .nav-item .btn-warning {
    margin: 6px 0;
}