/* ============================================================
   Revonexis v3.2.3 -- Lumidy Navigation Bridge Hotfix
   Nav-only fix. Restoring "Lumidy" as a 7th top-level item in
   .nav-links increased the row's true (unconstrained) natural width
   enough that, on the longest-label pages (Finnish nav labels are
   the worst case), the row needs roughly 1230-1260px of viewport
   width to render on one line without the flex row silently
   shrinking the "Explore Diagnostics" CTA button until its own text
   wraps to two lines inside the button. This was measured with the
   nav rendered at an unconstrained (2400px) viewport so flex-shrink
   compression could not mask the true required width, then cross-
   checked against every one of the 24 pages across EN/FI/ET.

   This file makes two adjustments, both explicitly within the
   v3.2.3 brief's allowed levers ("reduce nav gap slightly, reduce
   nav CTA horizontal padding slightly, adjust breakpoint where
   hamburger menu activates"):

   1) A slightly tighter .nav-links gap (2.5rem -> 2.25rem, a 10%
      trim) and a slightly tighter .nav-cta horizontal padding
      (1.4rem -> 1.2rem each side, a 14% trim). Vertical padding,
      font sizes, and all other nav typography are untouched. On
      their own these trims are not enough to bring the worst-case
      page under ~1230px, so a breakpoint adjustment (below) does
      the rest of the work rather than trimming further into
      "redesign" territory.

   2) A SEPARATE, nav-only breakpoint at 1300px that hides
      .nav-links / shows .nav-hamburger earlier than the site's
      existing shared 960px breakpoint in revonexis.css (1300px
      gives ~40px of safety margin over the worst measured
      requirement of ~1258px on fi/index.html and fi/services.html).
      This does NOT modify the original @media (max-width: 960px)
      block in revonexis.css -- that block also governs hero layout,
      typography scale, and many other unrelated sections, and is
      left completely untouched so nothing outside the nav is
      affected. The mobile menu panel itself (.nav-mobile-menu) is
      already breakpoint-independent in the base stylesheet, so no
      further changes were required for it to work correctly in the
      961-1300px range.

      The three thank-you.html pages use a simpler, shorter nav (no
      CTA button, no hamburger fallback at all -- a pre-existing
      site characteristic, unrelated to this hotfix) which does not
      need the earlier breakpoint. The .nav-links hide rule below is
      scoped with :has(.nav-hamburger) so it only ever activates on
      navs that actually have a hamburger button to fall back to --
      thank-you.html's nav is left exactly as it was and is never
      hidden with nothing to replace it.

   This is a larger breakpoint move than a first pass suggested,
   because an initial measurement (using rendered, already
   flex-shrink-compressed item widths) understated the true required
   width -- the CTA button was silently shrinking and line-wrapping
   its own text instead of the row visibly wrapping. Re-measured with
   uncompressed widths, the real minimum is ~1230-1260px on the
   worst-case (Finnish) pages, so 1300px is the smallest round,
   safe value that guarantees zero wrapping anywhere. See
   V323_LUMIDY_NAV_BRIDGE_NOTES.md for the full measurement data and
   the resulting UX trade-off (desktop nav now requires a wider
   window than before; narrower desktop/laptop windows in the
   961-1300px range now see the hamburger menu instead of the full
   top nav).

   Net effect, verified via Playwright across EN/FI/ET on every one
   of the 24 pages, using TRUE (uncompressed) width measurement: no
   .nav-links wrapping, no CTA-button internal text wrap, no logo
   overlap, and no horizontal overflow at any width, including every
   width the brief asked to check (1440 / 1280 / 1024 / 768 / 390 /
   375 / 320px) plus the 1300px boundary itself.

   Loaded last (after v322_founder_contrast_hotfix.css) so it wins
   the cascade without !important, consistent with this project's
   established convention.
   ============================================================ */

.nav-links {
  gap: 2.25rem;
}

.nav-cta {
  padding: 0.55rem 1.2rem;
}

@media (max-width: 1300px) {
  nav:has(.nav-hamburger) .nav-links { display: none; }
  .nav-hamburger { display: flex; width: 42px; height: 42px; flex-shrink: 0; }
}