/**
 * File: public/stylesheets/header-nav.css
 * The top bar's own rules (compact labels, button sizes), shared by every page.
 *
 * Oct 5 2026 audit (PC-7): moved out of an inline <style> in
 * views/partials/header.ejs, so the browser caches it once (?v=<deploy>)
 * instead of downloading it inside every page. Linked in <head> after the
 * shared stylesheets, so it still wins the same ties it did inline.
 */
/* Compact nav labels: icon-only from md (768px) up to xxl.
   The bar stays on one line down to 768px (about half a laptop
   screen) and only collapses to the hamburger below that. */
@media (min-width: 768px) and (max-width: 1399px) {
  .nav-label { display: none !important; }
  .nav-search-input { width: 80px !important; }
  .nav-carrider-label { display: none !important; }
}
/* Tighter still between md and xl so everything fits on one line */
.nav-sa-icon { display: none; }
@media (min-width: 768px) and (max-width: 1199px) {
  .navbar-brand { min-width: 0; flex-shrink: 1; margin-right: .5rem; font-size: 1.05rem; }
  .nav-brand-text { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  .nav-search-input { width: 64px !important; }
  .navbar-nav > .nav-item.ml-1 { margin-left: .15rem !important; }
  .navbar-nav > .nav-item.ml-2 { margin-left: .25rem !important; }
  .nav-sa-label { display: none !important; }
  .nav-sa-icon { display: inline; }
}
.navbar-expand-md > .navbar-collapse { flex-shrink: 0; }
@media (min-width: 1400px) {
  .nav-label { display: inline !important; }
  .nav-search-input { width: 140px !important; }
}
/* Normalize ALL nav buttons to the same height as btn-sm */
.navbar-nav .btn-sm,
.navbar-nav .nav-link.btn {
  padding: .25rem .5rem !important;
  font-size: .875rem !important;
  line-height: 1.5 !important;
}
.navbar-nav .nav-item {
  display: flex;
  align-items: center;
}
/* Uniform nav button sizing for custom-styled buttons (Sub Mode, Car Rider) */
.nav-action-btn {
  display: inline-flex !important;
  align-items: center;
  gap: 0.3rem;
  padding: .25rem .5rem !important;
  font-size: .875rem !important;
  line-height: 1.5 !important;
  border-radius: .2rem !important;
  font-weight: 600;
  white-space: nowrap;
  text-decoration: none;
  border-width: 1px;
  border-style: solid;
}
/* Make the search input height match btn-sm */
.nav-search-input.form-control-sm {
  height: calc(1.5em + .5rem + 2px) !important;
}