/*
 * Task #1564570: Fix nav Login + CTA clipped at 1280–1440px viewports
 *
 * Problem: .hn-right total width ~1463px exceeds .hn-inner content area
 * at 1280px (1232px) and 1440px (1392px). html/body overflow-x:hidden
 * clips Login and green CTA button.
 *
 * Fix: Reduce .hn-search width, login/CTA padding, and flex gap at
 * the 1280–1440 breakpoint to reclaim ~80px of width.
 *
 * Verification: 1280px Login+CTA visible, 1440px same, 1920px no regression,
 * 375px hamburger works.
 */

@media (max-width: 1440px) {
  /* Shrink search to reclaim 60px */
  html body .hn-search {
    width: 160px !important;
  }
  html body .hn-search:focus-within {
    width: 220px !important;
  }

  /* Tighter button padding at this breakpoint */
  html body .hn-login {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }

  html body .hn-cta {
    padding-left: 12px !important;
    padding-right: 12px !important;
  }

  /* Tighter flex gap */
  html body .hn-right {
    gap: 0.375rem !important;
  }
}