nav.navbar {
  color: var(--primary-foreground);
  border: none;
  min-height: 38px;
  margin: 0;
  padding: 0;
}

nav.navbar .navbar-hamburger {
  background-color: var(--color-secondary);
  color: var(--color-text-tertiary);
  border: none;
}

nav.navbar .navbar-brand {
  display: flex;
  align-items: center;
  background-color: var(--color-secondary);
  margin-right: 0;
  padding: 0 var(--spacing-sm);
  height: auto; /* Allow height adjustment */
  min-height: 38px; /* Minimum height to start with */
}

nav.navbar .navbar-brand__link {
  display: flex;
  align-items: center;
  padding: 0;
  color: var(--primary-background, #fff);
  text-decoration: none;
  font-size: var(--font-size-body, 14px);
  font-weight: var(--font-weight-regular, 400);
  border-left: 3px solid transparent;
  transition: all var(--transition-speed, 0.3s) ease;
  width: 100%;
  height: 100%;
}

nav.navbar .navbar-brand__link:hover {
  background-color: rgba(255, 255, 255, 0.1);
  color: var(--primary-background, #fff);
  border-left-color: var(--color-primary-hover, #007ea3);
}

nav.navbar .navbar-brand__link[data-state="active"] {
  background-color: rgba(255, 255, 255, 0.15);
  color: var(--primary-foreground);
  border-left-color: var(--color-primary);
  font-weight: var(--font-weight-bold);
}

nav.navbar .navbar-brand__link[data-state="active"]::after {
  font-family: "bootstrap-icons";
  content: var(--icon-chevron-right, "\F285");
  color: var(--color-selection);
  margin-left: auto;
}

nav.navbar .navbar-brand__image {
  margin-top: 0;
  max-height: 24px;
}

nav.navbar .navbar-brand__text {
  display: flex;
  align-items: center;
  gap: var(--spacing-sm);
  color: var(--primary-background);
  padding: var(--nav-item-pad-y, 8px) var(--nav-item-pad-x, 16px);
  text-decoration: none;
  font-size: var(--font-size-body);
  font-weight: var(--font-weight-regular);
  border-left: 3px solid transparent;
  transition: all var(--transition-speed) ease;
  position: relative;
}

/* Breadcrumbs */
nav.navbar .breadcrumb {
  background-color: transparent;
  margin: 0 !important;
  padding: 0 !important;
}

nav.navbar .breadcrumb > li a {
  color: var(--color-primary);
  font-weight: var(--font-weight-bold);
}

nav.navbar .breadcrumb > li a:hover {
  text-decoration: underline;
  color: var(--primary-hover);
}

nav.navbar .breadcrumb > .active {
  color: var(--color-text-secondary);
  font-weight: var(--font-weight-regular);
}

nav.navbar .breadcrumb > li + li:before {
  color: var(--color-primary);
}

@media (max-width: 767.98px) {
  nav.navbar .breadcrumb {
    background-color: transparent;
    margin: var(--spacing-lg) 0 !important;
    padding: 0 !important;
  }

  nav.navbar .navbar-brand {
    background-color: var(--color-secondary);
    margin-right: 0;
    min-height: 50px;
    font-size: var(--font-size-h2);
    padding: 0;
  }
}


/* User Dropdown */
nav.navbar .dropdown button.user-dropdown-button {
  color: var(--color-secondary)!important;
  border: none!important;
}