/* Custom Navbar Styles */
.custom-nav .nav-link {
  position: relative;
  padding: 8px 16px;
  margin: 0 4px;
  border-radius: 20px;
  color: #333;
  transition: all 0.3s ease;
}

/* Hover effect: yellow background */
.custom-nav .nav-link:hover {
  background-color: #F8A61D;
  color: #fff;
}

/* Active (clicked) state */
.custom-nav .nav-link.active {
  background-color: #F8A61D;
  color: #fff;
}

/* Dropdown menu look & feel */
.navbar .dropdown-menu {
  border: 0;
  border-radius: 12px;
  box-shadow: 0 8px 24px rgba(0,0,0,.12);
  padding: .5rem;
}

/* Submenu items */
.navbar .dropdown-item {
  border-radius: 8px;
  padding: .5rem .75rem;
  color: #333;
  transition: background-color .2s ease, color .2s ease;
}

/* Yellow hover for submenu items */
.navbar .dropdown-item:hover,
.navbar .dropdown-item:focus {
  background-color: #F8A61D;
  color: #fff;
}

/* Show dropdown on hover for lg+ screens */
@media (min-width: 992px) {
  .navbar .dropdown:hover > .dropdown-menu {
    display: block;
  }
}

/* Keep your existing top-level hover/active */

@media (min-width: 992px) {
  .navbar .dropdown:hover > .dropdown-menu {
    display: block;
  }
}