/* ===========================
   Navbar Styling
   =========================== */

/* Default link & toggle colors */
.navbar .nav-link,
.navbar .dropdown-toggle,
.navbar .dropdown-toggle-split,
.navbar-brand {
  color: #ffc90c !important;
  background: transparent;
  border: none;
}

/* Hover / focus states */
.navbar .nav-link:hover,
.navbar .nav-link:focus,
.navbar .dropdown-toggle:hover,
.navbar .dropdown-toggle:focus,
.navbar .dropdown-toggle-split:hover,
.navbar .dropdown-toggle-split:focus,
.navbar-brand:hover,
.navbar-brand:focus {
  color: #ffffff !important;
  text-decoration: none;
  outline: none;
  box-shadow: none;
}

/* Active link state */
.navbar .nav-link.active,
.navbar .dropdown-item.active,
.navbar .dropdown-item:active {
  color: #ffffff !important;
  background-color: transparent !important; /* keep background clean */
}

/* Parent dropdown toggle when open */
.navbar .nav-item.show > .nav-link,
.navbar .nav-item.show > .dropdown-toggle,
.navbar .dropdown-toggle[aria-expanded="true"] {
  color: #ffffff !important;
}

/* Dropdown menu background */
.dropdown-menu {
  background-color: #13664e !important;
  border: none; /* optional: cleaner look */
}

/* Dropdown menu items (default state) */
.dropdown-menu .dropdown-item {
  color: #ffc90c !important;
}

/* Dropdown menu items on hover / focus */
.dropdown-menu .dropdown-item:hover,
.dropdown-menu .dropdown-item:focus {
  color: #ffffff !important;
  background-color: transparent !important; /* no grey hover */
}

/* Dropdown menu items active (clicked or current page) */
.dropdown-menu .dropdown-item.active,
.dropdown-menu .dropdown-item:active {
  color: #ffffff !important;
  background-color: transparent !important;
}

/* Optional: tweak split toggle caret alignment */
.navbar .dropdown-toggle::after {
  vertical-align: .1em;
}

/* ===========================
   Hamburger (navbar-toggler) styling
   =========================== */

/* Button box styling */
.navbar .navbar-toggler {
  background-color: #ffc90c;  /* gold background */
  border: none;
  padding: .25rem .5rem;
}

/* Default icon: black lines */
.navbar .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='%23000000' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E") !important;
}

/* When toggled/open: invert colors (black bg, gold lines) */
.navbar .navbar-toggler[aria-expanded="true"] {
  background-color: #000000; /* black background */
}
.navbar .navbar-toggler[aria-expanded="true"] .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='%23ffc90c' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E") !important;
}