.custom-navbar {
  background: transparent !important;
  transition: background 0.3s ease-in-out;
}

/* Change background color on scroll */
.custom-navbar.scrolled {
  background: rgba(0, 0, 0, 0.8) !important; /* Slightly transparent black */
}

/* Ensure navbar text remains visible */
.custom-navbar .nav-link {
  color: #fff !important;
  font-weight: 500;
  transition: color 0.3s ease-in-out;
}

.custom-navbar .nav-link:hover {
  color: #f1c40f !important; /* Gold hover color */
}

/* Mobile menu button (Hamburger) */
.navbar-toggler {
  border: none;
}

.navbar-toggler-icon {
  background-color: transparent;
}