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

   Why this file exists: "Fractional Product Jobs" is a top-level
   nav item, which makes the link row about 80px wider than the
   Webflow layout was built for. Between 992px (where the desktop
   nav appears) and about 1200px that extra width was squeezing
   the logo down to a third of its size. These two rules buy the
   room back in that band only, so wide screens keep the original
   roomy spacing and narrow desktops keep a legible logo.
   ============================================================ */

/* "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;
  }
}