/*
|--------------------------------------------------------------------------
| Site Navbar (includes/layouts/navbar.php)
|--------------------------------------------------------------------------
|
| Loaded on every page (the navbar renders unconditionally via
| includes/layouts/master.php) — see includes/layouts/header.php.
|--------------------------------------------------------------------------
*/

/*
 * Nav redesign matched to the same reference used for the Home
 * page and footer — hardcoded here (not the .yo-home custom
 * properties from templates/home.php) since this layout renders
 * on every page. Home/Awards/About/Contact links were removed
 * from the nav, leaving Categories as the sole item in the main
 * group — it now sits on the right, next to Saved, via
 * ms-lg-auto on its <ul> instead of the old mx-lg-auto split
 * across two lists. "Saved" is the site's own real bookmark
 * feature (includes/partials/floating-actions.php) — this button
 * (and its compact icon-only mobile twin next to the hamburger
 * toggle) opens the exact same offcanvas drawer as the floating
 * one; its badge count is kept in sync by that file's
 * updateBadge(), which updates every element carrying
 * data-saved-badge, not just one fixed id.
 */
.site-navbar {
    background: #fff;
}

.site-navbar-tagline {
    font-size: .50rem;
    font-weight: 700;
    letter-spacing: .1em;
    text-transform: uppercase;
    color: #f75815;
    line-height: 1;
}

.site-navbar .nav-link {
    color: #334155;
    font-weight: 500;
    font-size: .95rem;
    border-bottom: 2px solid transparent;
}

.site-navbar .nav-link:hover,
.site-navbar .nav-link:focus {
    color: #f75815;
}

.site-navbar .nav-link.active {
    color: #f75815;
    border-bottom-color: #f75815;
}

.site-navbar-saved {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    padding: .4rem .9rem;
    border-radius: 999px;
    border: 1px solid #E2E8F0;
    background: #fff;
    color: #334155;
    font-weight: 600;
    font-size: .875rem;
    text-decoration: none;
    transition: border-color .15s ease, color .15s ease;
}

.site-navbar-saved:hover,
.site-navbar-saved:focus {
    border-color: #f75815;
    color: #f75815;
}

.site-navbar-saved i {
    color: #f75815;
}

.site-navbar-saved [data-saved-badge] {
    background: #f75815;
    color: #fff;
    font-size: .7rem;
    font-weight: 700;
    border-radius: 999px;
    padding: .05rem .4rem;
}

/*
 * Compact icon-only variant of the same "Saved" trigger, used in
 * the mobile top bar (next to the hamburger toggle) where there's
 * no room for the "Saved" text label. Same offcanvas target as
 * the full desktop button below — both stay in sync via the
 * shared data-saved-badge convention.
 */
.site-navbar-saved-mobile {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    position: relative;
    width: 2.25rem;
    height: 2.25rem;
    border-radius: 999px;
    border: 1px solid #E2E8F0;
    background: #fff;
    color: #f75815;
    font-size: 1.05rem;
    line-height: 1;
}

.site-navbar-saved-mobile [data-saved-badge] {
    position: absolute;
    top: -.3rem;
    right: -.3rem;
    background: #f75815;
    color: #fff;
    font-size: .65rem;
    font-weight: 700;
    border-radius: 999px;
    padding: .05rem .35rem;
    line-height: 1.3;
}