/* ============================================================
   ProductTrio - main navigation adjustments
   Loaded on every page, after the Webflow shared stylesheet.

   Why this file exists: written when "Fractional Product Jobs" sat
   in the main nav and squeezed the logo between 992px and 1200px.
   That item is gone again (footer only), but the rules cost nothing
   and keep the row safe if another item is ever added.
   ============================================================ */

/* "Let's talk" sits in a 25% block that the wider link row squeezes,
   which broke the label across two lines. Keep it on one. */
.button-navigation {
  white-space: nowrap;
  flex-shrink: 0;
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
  /* Tighter gaps between nav links, only where space is short. */
  .navigation-link {
    padding-left: 8px;
    padding-right: 8px;
  }
  /* The logo must never be the thing that gives. Shrink-proof the mark
     itself, not its wrapper: the wrapper is width:75% and pinning that
     pushes the whole row past the viewport. */
  .logo-link,
  .logo-image {
    flex-shrink: 0;
  }
}