/* Center navbar content */
.navbar .container-fluid {
  justify-content: center !important;
}

.navbar-collapse {
  flex-grow: 0 !important;
}

/* ---- NAVBAR BACKGROUND ---- */
.navbar {
  background-color: #000 !important;   /* black */
}

/* ---- NAVBAR TEXT ---- */
.navbar .navbar-nav .nav-link,
.navbar-brand,
.navbar-title {
  color: #fff !important;  /* white text */
}

/* ---- HOVER STATE ---- */
.navbar .nav-link:hover {
  color: #ddd !important;  /* light gray hover */
}

/* ---- ACTIVE / SELECTED LINK ---- */
.navbar .nav-link.active,
.navbar .active > .nav-link {
  color: #fff !important;
  font-weight: bold;
}