/* Navbar - Combined with Cluster Bar */
.navbar {
  background-image: linear-gradient(to right, #5e239d, #b70468);
  z-index: 1000;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  margin-bottom: 0;
  padding: 0;
  display: flex !important;
  flex-direction: column !important;
}

.navbar-top {
  padding: 0.5rem 0;
}

.navbar-brand img {
  max-height: 50px;
}

.nav-link {
  color: white !important;
  font-weight: 500;
}

.nav-link:hover {
  color: #ffd700 !important;
}

.nav-link.active {
  color: #ffd700 !important;
}

/* Ensure content does not hide under fixed navbar */
body {
  padding-top: 0;
  margin: 0;
}

/* Default padding for simple navbar pages (will be overridden by JS) */
body:not(.has-cluster-navbar) {
  padding-top: 80px;
}