/* =====================================================================
   Home Navbar — responsive layout for every page using layouts.home
   Extracted from home-marketplace.css so the navbar behaves consistently
   across all pages, not only the homepage.
   ===================================================================== */

/* ---------- Base positioning & sizing ---------- */
.home-market-nav {
    z-index: 1030;
}

.home-market-nav>.container {
    width: min(100% - 32px, 1480px);
    max-width: none;
}

.home-market-nav .navbar-brand {
    flex: 0 0 auto;
    margin-inline-end: clamp(.8rem, 1.5vw, 1.5rem);
    font-size: 1.28rem !important;
    white-space: nowrap;
}

.home-market-nav .navbar-collapse {
    min-width: 0;
}

.home-market-nav .navbar-nav {
    min-width: 0;
}

.home-market-nav .nav-link {
    white-space: nowrap;
}

/* ---------- ≥ 1400px — fully expanded ---------- */
@media (min-width: 1400px) {
    .home-market-nav .navbar-collapse {
        display: flex !important;
        flex: 1 1 auto;
        align-items: center;
        justify-content: space-between;
        gap: .45rem;
    }

    .home-market-nav .navbar-nav:not(.home-nav-actions) {
        flex-direction: row;
        flex-wrap: nowrap;
        gap: .05rem;
    }

    .home-market-nav .navbar-nav:not(.home-nav-actions) .nav-link {
        padding-inline: clamp(.32rem, .42vw, .58rem);
        font-size: clamp(.75rem, .78vw, .88rem);
    }

    .home-market-nav .home-nav-actions {
        flex: 0 0 auto;
        margin-inline-start: .4rem;
    }
}

/* ---------- 1200–1399px — compact expanded ---------- */
@media (min-width: 1200px) and (max-width: 1399.98px) {
    .home-market-nav .navbar-collapse {
        display: flex !important;
        flex: 1 1 auto;
        align-items: center;
        justify-content: space-between;
        gap: .15rem;
    }

    .home-market-nav .navbar-nav:not(.home-nav-actions) {
        flex-direction: row;
        flex-wrap: nowrap;
        gap: 0;
    }

    .home-market-nav .navbar-nav:not(.home-nav-actions) .nav-link {
        padding-inline: .28rem;
        font-size: .73rem;
    }

    .home-market-nav .navbar-brand {
        margin-inline-end: .6rem;
        font-size: 1.12rem !important;
    }

    .home-market-nav .home-nav-actions {
        flex: 0 0 auto;
        margin-inline-start: .2rem;
    }
}

/* ---------- 992–1199px — switch to hamburger ---------- */
@media (min-width: 992px) and (max-width: 1199.98px) {
    .home-market-nav>.container {
        flex-wrap: wrap;
    }

    .home-market-nav .navbar-toggler {
        display: block !important;
        margin-inline-start: auto;
    }

    .home-market-nav .navbar-collapse:not(.show) {
        display: none !important;
    }

    .home-market-nav .navbar-collapse.show {
        display: flex !important;
        flex: 1 0 100%;
        flex-wrap: wrap;
        padding-top: .75rem;
    }

    .home-market-nav .navbar-nav:not(.home-nav-actions) {
        flex: 1 1 100%;
        flex-direction: row;
        flex-wrap: wrap;
        gap: .1rem .25rem;
    }

    .home-market-nav .navbar-nav:not(.home-nav-actions) .nav-link {
        padding: .45rem .5rem;
        font-size: .86rem;
    }

    .home-market-nav .home-nav-actions {
        margin-inline-start: 0;
    }
}