/* navbar_style.css */

.nav-item .dropdown-menu {
  left: 0 !important;
  right: auto !important;
  transform: translateX(0%) !important;
  max-width: fit-content;
  z-index: 1050;
}

.navbar-brand img {
  width: 7rem;
  height: auto;
  max-width: 100%;
}

.navbar {
  background-image: linear-gradient(#484e55, #3a3f44 60%, #313539);
  width: 100%;
}

.navbar-dark .navbar-nav {
  color: white !important;
}

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

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

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

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

.btn.btn-primary.active {
  color: white !important;
}

.nav-link.disabled {
  color: grey;
  cursor: not-allowed;
}

.nav-link[href*="admin"] {
  color: orange;
}

.nav-link.dropdown-toggle {
  color: orange;
}

ul.ms-auto a {
  color: #272a30 !important;
}

.dropdown-item {
  background-color: white !important;
}

.dropdown-item:hover {
  background-color: #272a30 !important;
  color: orange !important;
}

ul.ms-auto a.dropdown-toggle {
  color: orange !important;
}

.fas {
  color: white !important;
}

.auth-buttons-container {
  display: flex !important ;
  gap: 0.75rem !important ;
  flex-wrap: nowrap !important ;
}

.auth-btn {
  width: 120px !important ;
  height: 40px !important ;
  display: flex !important ;
  align-items: center !important ;
  justify-content: center !important ;
  padding: 0 !important ;
  font-size: 0.95rem !important ;
  white-space: nowrap !important ;
}

.auth-btn:hover {
  opacity: 0.95 !important ;
}