/* ═══════════════════════════════════════════════════════════════════════════
   SNND Admin Navigation
   Palette: #113157 navy (active) | #2e6da4 medium blue (inactive) | #5491BE hover
   Used by: .active, .inactive on both main nav and all submenus
   ═══════════════════════════════════════════════════════════════════════════ */

/* ── Main nav container: stay at standard width even on wide pages ─────────── */
#mainNav {
    max-width: 875px;
    margin: 0 auto;
}

/* ── Shared base ─────────────────────────────────────────────────────────── */
.active,
.inactive {
    display: block;
    text-align: center;
    text-decoration: none;
    font-family: Montserrat, Raleway, sans-serif;
    font-size: 14px;
    font-weight: 600;
    padding: 6px 10px 8px;
    border-radius: 5px;
    border-bottom: 3px solid transparent;
    line-height: 1.35;
    transition: color 0.15s ease, background 0.15s ease, border-bottom-color 0.15s ease;
}

/* ── Active state: dark navy + accent underline ───────────────────────────── */
.active {
    color: #113157;
    background: rgba(17, 49, 87, 0.06);
    border-bottom-color: #113157;
}

.active:hover {
    color: #113157;
    background: rgba(17, 49, 87, 0.10);
}

/* ── Inactive state: #2e6da4 medium blue, on-theme, ~5.5:1 contrast on white ─ */
.inactive {
    color: #2e6da4;
}

/* ── Hover: light blue fill across the whole block ───────────────────────── */
.inactive:hover {
    color: #5491BE;
    background: rgba(84, 145, 190, 0.10);
    border-bottom-color: rgba(84, 145, 190, 0.45);
}

/* ── Submenus: single row, slightly smaller than the main nav ─────────────────
   All admin subnavs share #submenu. The .tabs layout (tabbed_browsing.css) gives
   every list item width:25% and lets the row wrap, so a 5–6 item submenu spills
   onto a second line. Override that for submenus only: keep them on one row and
   let each item size to its content. The smaller font (overriding the inline
   15px on each submenu link) both makes the row fit and reads as visually
   distinct from the main nav. The main nav is untouched. ────────────────────── */
#submenu ul {
    flex-wrap: nowrap;
}

#submenu ul li {
    width: auto;
    padding: 0 5px;
}

#submenu .active,
#submenu .inactive {
    font-size: 13px !important;   /* beats the inline font-size:15px on each link */
    padding: 5px 7px 6px;
    white-space: nowrap;
}