/* Header component styles */

/* Show hamburger, hide desktop nav at mobile breakpoint */
@media (max-width: 1023px) {
  .desktop-nav {
    display: none !important;
  }
  .hamburger-btn {
    display: flex !important;
  }
}

/* Active nav link state */
.desktop-nav a[aria-current="page"] {
  color: var(--sttt-brand) !important;
  border-bottom-color: var(--sttt-brand) !important;
}

/* Scrolled header shadow enhancement */
.site-header.is-scrolled {
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

/* [x-cloak] hides Alpine elements until Alpine initialises */
[x-cloak] {
  display: none !important;
}