/* ===== Compact black navbar – overrides Bootstrap ===== */

/* Keep this file loaded AFTER Bootstrap so these rules win. */
#site-header.navbar {
  background: #000;
  border: 0;
  min-height: 55px !important; /* clamp bar height */
  box-shadow: none;
}

/* Brand: logo + text on one line, centered vertically */
#site-header .navbar-brand {
  height: 55px !important;
  padding: 8px 12px !important; /* smaller than Bootstrap default */
  margin: 0 !important;
  display: flex;
  align-items: center;
  gap: 10px;
  color: #fff !important;
}
#site-header .navbar-brand img {
  height: 40px !important; /* smaller logo */
  width: auto;
  display: block;
  margin: 0 !important;
}
#site-header .navbar-brand .brand-text {
  font-size: 17px;
  font-weight: 700;
  letter-spacing: 0.04em;
  color: #fff;
  white-space: nowrap;
}

/* Right-side top-level links sized to the short bar */
#site-header .navbar-nav > li > a {
  height: 44px !important;
  line-height: 44px !important; /* vertical center in short bar */
  padding: 0 12px !important;
  color: #fff !important;
}
#site-header .navbar-nav > li > a:hover,
#site-header .navbar-nav > li > a:focus {
  color: #e6e6e6 !important;
  background: transparent !important;
}

/* Hamburger fits the short bar */
#site-header .navbar-toggle {
  margin-top: 6px !important;
  margin-bottom: 6px !important;
  border-color: #444;
}
#site-header .navbar-toggle .icon-bar {
  background: #fff;
}

/* Dropdown menu keeps default light background, tweak link color */
#site-header .dropdown-menu > li > a {
  color: #333;
}

/* Use body padding instead of spacer divs under the fixed header */
body {
  padding-top: 50px;
}

/* Base look */
.league-navbar {
  background-color: #000;
  border-bottom: 1px solid rgba(255, 255, 255, 0.12);
}

/* Brand + links */
.league-navbar .navbar-brand,
.league-navbar .navbar-nav > li > a {
  color: #fff;
}
.league-navbar .navbar-brand:hover,
.league-navbar .navbar-nav > li > a:hover,
.league-navbar .navbar-nav > .active > a,
.league-navbar .navbar-nav > .open > a {
  color: #e6e6e6;
  background: transparent;
}

/* --- Dropdown on dark navbar --- */
.league-navbar .dropdown-menu {
  background: #111;
  border: 1px solid rgba(255, 255, 255, 0.12);
}

.league-navbar .dropdown-menu > li > a,
.league-navbar .navbar-nav .open .dropdown-menu > li > a {
  color: #fff !important; /* make text bright */
  font-weight: 300; /* optional: crisper look */
  font-family: inherit; /* use the site's base font */
}

.league-navbar .dropdown-menu > li > a:hover,
.league-navbar .dropdown-menu > li > a:focus,
.league-navbar .navbar-nav .open .dropdown-menu > li > a:hover,
.league-navbar .navbar-nav .open .dropdown-menu > li > a:focus {
  background: rgba(255, 255, 255, 0.1);
  color: #fff !important;
}

/* If you ever use disabled items, make them readable but dimmed */
.league-navbar .dropdown-menu > .disabled > a {
  color: rgba(255, 255, 255, 0.45) !important;
}

/* Lighten “Signed in as …” */
nav.league-navbar .navbar-text {
  color: #acabab !important; /* force over Bootstrap’s default */
  opacity: 0.95; /* optional: a touch softer */
}
nav.league-navbar .navbar-text strong {
  color: #acabab !important;
  font-weight: 400;
  padding-right: 50px;
}

/* Prevent low-contrast mobile styles from Bootstrap */
@media (max-width: 767px) {
  .league-navbar .navbar-nav .open .dropdown-menu > li > a {
    color: #fff !important;
  }
}

/* ---------- Small screens (collapsed nav) ---------- */
@media (max-width: 767px) {
  /* Let collapsed links be multi-line comfortably */
  #site-header .navbar-nav > li > a {
    height: auto !important;
    line-height: 1.4 !important;
    padding: 10px 15px !important;
  }
  #site-header .navbar-brand {
    padding: 10px 12px !important;
    height: 44px !important; /* keep brand row steady */
  }
}