/* Header-specific styles for Festive Harbour */

.site-logo__text {
  font-family: var(--font-display);
  text-transform: uppercase;
  letter-spacing: 0.18em;
  font-size: 0.78rem;
}

.site-header {
  box-shadow: 0 18px 40px rgba(0, 0, 0, 0.85);
}

.site-header__inner {
  gap: var(--space-4);
}

.nav__link,
.nav-mobile__link {
  font-family: var(--font-sans);
}

/* Nav CTA styling for active/hover is mostly from base.css; add subtle neon glow */
.nav__link:hover,
.nav__link--active {
  text-shadow: 0 0 10px rgba(255, 15, 123, 0.8);
}

.nav-mobile {
  background: radial-gradient(circle at top, rgba(255, 15, 123, 0.22) 0, transparent 55%),
    linear-gradient(to bottom, rgba(4, 3, 16, 0.98), rgba(4, 3, 16, 0.96));
  border-top: 1px solid rgba(255, 255, 255, 0.08);
}

.nav-mobile__link {
  padding: var(--space-2) 0;
}

.nav-mobile__link--active,
.nav-mobile__link:hover {
  color: var(--color-primary);
}

/* Reduced motion: disable transform on burger when user prefers reduced motion */
@media (prefers-reduced-motion: reduce) {
  .nav-toggle__bar {
    transition: none;
  }
}