/**
 * Adaptive nav fit — full desktop links when they fit comfortably;
 * otherwise hamburger. No compact/shrunk in-between state.
 * Phones (≤700px): leave the existing media-query hamburger alone.
 */

@media (min-width: 701px) {
  nav.nav-desktop .nav-links {
    display: flex !important;
    flex: 1 1 auto !important;
    flex-wrap: nowrap !important;
    width: auto !important;
    margin-left: clamp(16px, 2.5vw, 48px) !important;
    gap: clamp(16px, 2.2vw, 36px);
    align-items: center;
  }

  nav.nav-desktop .nav-links a {
    white-space: nowrap !important;
  }

  nav.nav-desktop .hamburger {
    display: none !important;
  }

  nav.nav-desktop .nav-cta {
    display: inline-block !important;
  }

  /* Override lang-toggle.css ≤1130px hide so mid-width desktop keeps EN/FR */
  nav.nav-desktop .nav-right .lang-toggle {
    display: flex !important;
  }

  nav.nav-collapsed .nav-links {
    display: none !important;
    flex: none !important;
    margin-left: 0 !important;
    width: 0 !important;
  }

  nav.nav-collapsed .hamburger {
    display: flex !important;
  }

  nav.nav-collapsed .nav-cta {
    display: none !important;
  }

  nav.nav-collapsed .nav-right .lang-toggle {
    display: none !important;
  }

  nav.nav-collapsed {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
}