/* Nav dropdown component styles */

.site-nav {
  position: relative;
}

.site-nav__items {
  flex: 1;
}

.nav-item {
  position: relative;
}

.nav-link {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  font-family: var(--font-family-sans);
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-medium);
  transition: color 100ms, background 100ms;
}

.nav-chevron {
  opacity: 0.6;
  transition: transform 150ms;
}

.nav-item--has-dropdown[data-open="true"] .nav-chevron {
  transform: rotate(180deg);
}

.nav-dropdown {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.nav-dropdown[hidden] {
  display: none;
}

.nav-dropdown__item {
  text-decoration: none;
  transition: background 100ms;
}

.nav-dropdown__title {
  font-family: var(--font-family-sans);
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-semibold);
}

.nav-dropdown__hint {
  font-family: var(--font-family-sans);
  font-size: var(--font-size-xs);
  line-height: 1.4;
}

.site-nav__actions {
  display: flex;
  align-items: center;
}

.nav-hamburger {
  display: none;
}

@media (max-width: 768px) {
  .nav-hamburger {
    display: flex;
  }

  .site-nav__items {
    display: none !important;
  }

  .nav-dropdown {
    position: static;
    box-shadow: none;
    border: none;
  }
}