/* ==========================================================================
   Site-wide adjustments layered over the static build.
   --------------------------------------------------------------------------
   main-*.css is a build artifact and gets replaced on every deploy from the
   source project, so corrections that need to outlive a deploy live here.
   fkc-static-render.php injects this on every page it serves, after the build
   stylesheet, so these rules win on source order alone and need no !important.
   ========================================================================== */

/* ---- header ------------------------------------------------------------- */

/* The header was laid out for a shorter menu. It now carries nine top-level
   items, the quote-list pill and a full-size pill button, and .header__actions
   only shrank the button below 37.5rem, so at desktop widths the button kept
   its full size and squeezed the nav until labels broke mid-phrase: "Cut &
   Edge" was wrapping onto three lines.

   min-height is deliberately left alone. Narrowing the button and dropping a
   step of type makes it smaller without shrinking the tap target below the
   accessible minimum, which the same button has to meet on a phone. */
.header__actions .btn {
  font-size: var(--fs-xs);
  padding-inline: var(--sp-3);
}

/* A menu label is a phrase, not a paragraph. Without this the flex row treats
   "Cut & Edge" and "Pre-Made" as wrappable and breaks them to buy space. */
.nav .nav__link,
.header__actions .btn {
  white-space: nowrap;
}

/* Buys back the width the nowrap above needs, at the crowded sizes only: below
   64rem the burger takes over and none of this applies. */
@media (min-width: 64rem) and (max-width: 85rem) {
  .nav .nav__link { padding-inline: var(--sp-1); }
  .header__inner { gap: var(--sp-2); }
}