/* ==== ClubTrackr Navbar (black/white/gold) ==== */
:root{
  --ct-black:#000;
  --ct-white:#fff;
  --ct-gold:#c8a559;    /* tweak as you like */
  --ct-gold-dark:#a88b49;
}

.ct-navbar{
  background-color: var(--ct-black);
}

.ct-navbar .navbar-brand,
.ct-navbar .navbar-brand:focus,
.ct-navbar .navbar-brand:hover{
  color: var(--ct-white);
  text-decoration: none;
}

.ct-navbar .nav-link{
  color: rgba(255,255,255,.85);
  padding: .6rem .9rem;
  transition: color .15s ease, box-shadow .15s ease;
}

.ct-navbar .nav-link:hover{
  color: var(--ct-white);
}

.ct-navbar .nav-link.active{
  color: var(--ct-gold);
  box-shadow: inset 0 -3px 0 0 var(--ct-gold);
}

.btn-ct-gold{
  background-color: var(--ct-gold);
  color: var(--ct-black);
  border: none;
}
.btn-ct-gold:hover{
  background-color: var(--ct-gold-dark);
  color: var(--ct-black);
}

/* Mobile brand spacing */
@media (max-width: 991.98px){
  .ct-navbar .navbar-brand{ padding:.25rem 0; }
}