/* Header nav: the menu grew to nine items plus the account button, and the
 * old fixed sizing wrapped it to two rows on many widths. Fluid link sizing
 * (clamped to the viewport) plus an explicit nowrap keeps ONE row at every
 * width above the 980px mobile-drawer breakpoint, degrading type and
 * padding smoothly instead of guessing bands. Own file because theme.css
 * is being edited on another track. */

/* Page-title band: the original fixed height (up to 300px, title anchored
 * to the bottom) leaves a large empty slab under the menu on content pages
 * (founder screenshot: Ủng hộ, Lịch sự kiện). The band stays uniform across
 * pages, just compact. */
.page-header__inner {
  min-height: clamp(110px, 11vw, 170px);
  padding-top: clamp(24px, 2.5vw, 40px);
  padding-bottom: clamp(20px, 2.5vw, 36px);
}

@media (min-width: 981px) {
  /* The whole header row must also refuse to wrap: theme.css leaves
   * .site-header__inner and .site-nav on flex-wrap:wrap, so once the menu
   * grew past ten items the nav dropped under the logo as a second line
   * (founder screenshot 2026-09-05, after "Dịch vụ" joined the menu). */
  .site-header__inner { flex-wrap: nowrap; gap: clamp(10px, 1.6vw, 40px); }
  .site-nav { gap: clamp(4px, 0.6vw, 8px); flex-wrap: nowrap; }
  .site-nav__list { gap: 0; flex-wrap: nowrap; }
  .site-nav__list > li { min-width: 0; }
  .site-nav__list > li > a { padding: 10px clamp(3px, 0.45vw, 12px); font-size: clamp(10.5px, 0.82vw, 13.5px); }
}