/* Header-specific refinements for GatherHall24 */

.site-header {
  font-family: var(--font-sans);
}

.site-masthead-brand__title {
  font-family: var(--font-masthead);
}

/* Ensure logo emblem scales slightly smaller on very small screens */
@media (max-width: 480px) {
  .logo-emblem {
    --emblem-size: 54px;
  }
}

/* Improve nav spacing on larger screens */
@media (min-width: 1024px) {
  .site-header__nav-inner {
    padding-block: var(--space-4);
  }
}

/* Focus styles for header interactive elements */
.site-header a:focus-visible,
.site-header button:focus-visible {
  outline: 2px solid var(--color-focus);
  outline-offset: 2px;
}

/* When menu is open, prevent body scroll (class toggled via JS) */
body.gh24-menu-open {
  overflow: hidden;
}

/* Simple fade-down animation for mobile nav overlay */
.site-header__nav-overlay {
  opacity: 0;
  transform: translateY(-6px);
  transition: opacity var(--transition-medium), transform var(--transition-medium);
}

.site-header--menu-open .site-header__nav-overlay {
  opacity: 1;
  transform: translateY(0);
}