/* Header-specific styles for Choix Sorties */

.site-header {
  /* Base visuals largely defined in base.css; header here just adjusts layout nuances */
}

.site-header__brand-link {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.site-header__title {
  text-transform: uppercase;
  letter-spacing: 0.18em;
}

.site-header__subtitle {
  text-transform: uppercase;
}

.nav-link-cta {
  /* override underline animation from a:not(.btn) in base.css */
}

.nav-link-cta::after {
  display: none;
}

/* Active state helper based on data attribute */
.nav-link.nav-link--active,
.nav-drawer__link.nav-link--active {
  font-weight: 600;
}

/* Ensure header layout on very small screens */
@media (max-width: 480px) {
  .site-header__brand {
    padding-inline: var(--space-3);
  }

  .site-header__title {
    font-size: 1.05rem;
  }

  .site-header__subtitle {
    font-size: 0.65rem;
  }
}

/* Utility when JS enhances mobile menu */
.nav-drawer.nav-drawer--open {
  display: block;
}

/* When no JS, keep drawer hidden via [hidden] attribute so layout is still fine */

/* Minor accessibility tweak: ensure nav-toggle focus ring is visible above header */
.nav-toggle:focus-visible {
  position: relative;
  z-index: 60;
}