.navbar_wrapper {
  padding-bottom: var(--tiny);
  border-bottom: 2px solid var(--eggshell-white);
  box-shadow: 0 1px 4px 0 var(--lighten-15-dark-vanilla);
}

.navbar {
  display: flex;
  gap: var(--medium);
  align-items: center;
  padding: var(--tiny) var(--small) var(--tiny) var(--small);
}

.navbar-logo {
  margin-right: var(--large);
}

.nav-bar-search-icon svg {
  max-height: var(--xlarge);
  max-width: var(--xlarge);
}

.simple-nav-item {
  & a {
    padding: 0 0.7rem 0.4rem 0.7rem;
    color: var(--lighten-13-taupe-grey);
    border-bottom: 1px solid var(--lighten-13-taupe-grey);
    text-decoration: none;
    white-space: nowrap;
    &.active {
      color: var(--grey-dark);
      border-bottom: 3px solid var(--grey-dark);
    }
    &:hover:not(.active) {
      border-bottom: 3px solid var(--dark-jellybean-red);
    }
  }
}

@media only screen and (max-width: 600px) {
  .navbar {
    gap: var(--small);
  }

  .navbar-logo {
    margin-right: var(--medium);
  }

  .navbar--categories {
    display: none;
  }
}