/* Header-specific styles for City Night Guide HU */

.site-header {
  box-shadow: var(--shadow-soft);
}

.site-nav__toggle {
  position: relative;
  flex-direction: column;
}

.site-nav__toggle-bar {
  width: 18px;
  height: 2px;
  border-radius: 999px;
  background-color: var(--gray-700);
  display: block;
  transition: transform var(--transition-base), opacity var(--transition-base), top var(--transition-base), bottom var(--transition-base), background-color var(--transition-base);
}

.site-nav__toggle-bar:first-child {
  margin-bottom: 5px;
}

.site-nav--open .site-nav__toggle-bar {
  background-color: var(--color-text);
}

.site-nav--open .site-nav__toggle-bar:first-child {
  transform: translateY(3.5px) rotate(45deg);
}

.site-nav--open .site-nav__toggle-bar:last-child {
  transform: translateY(-3.5px) rotate(-45deg);
}

/* Mobile nav layout enhancements */
@media (max-width: 991.98px) {
  .site-nav {
    align-items: center;
  }

  .site-nav__group {
    text-align: center;
  }

  .site-nav__group--left,
  .site-nav__group--right {
    flex-wrap: wrap;
  }
}

/* Ensure links remain legible over blurred header */
.site-nav__link {
  color: var(--gray-700);
}

.site-nav__link--active {
  color: var(--color-text);
}

.site-logo span {
  letter-spacing: 0.18em;
}