/* Shared marketing header. Pages opt in with a burger button.
   The burger is only the small-screen menu (≤768px), same as the page
   styles. From 769px the subpage links stay on one line: smaller type,
   no wrap. The in-page anchors and the nav CTA come back once the row
   has room, so a 1024px window does not overflow. */

nav:has(.burger-btn) .nav-link,
nav:has(.burger-btn) .nav-cta,
nav:has(.burger-btn) .nav-links a,
nav:has(.burger-btn) .tool-switcher a {
  white-space: nowrap;
}

@media (max-width: 768px) {
  nav:has(.burger-btn) .burger-btn {
    display: flex;
  }
  nav:has(.burger-btn) .nav-right {
    display: none !important;
  }
  nav:has(.burger-btn) {
    padding-left: 2rem !important;
    padding-right: 2rem !important;
  }
}

@media (min-width: 769px) {
  nav:has(.burger-btn) .burger-btn {
    display: none;
  }
  nav:has(.burger-btn) {
    padding-left: 2rem;
    padding-right: 2rem;
  }
  nav:has(.burger-btn) .nav-inner {
    max-width: 1440px;
    gap: 0.65rem;
  }
  nav:has(.burger-btn) .nav-right {
    display: flex !important;
    gap: 0.45rem;
    flex-wrap: nowrap;
    align-items: center;
    min-width: 0;
  }
  nav:has(.burger-btn) .tool-switcher {
    flex-wrap: nowrap;
    gap: 0.12rem;
    padding: 0.12rem;
    min-width: 0;
  }
  nav:has(.burger-btn) .tool-switcher a {
    font-size: 0.72rem;
    line-height: 1.2;
    padding: 0.32rem 0.42rem;
  }
  nav:has(.burger-btn) .lang-switcher {
    flex-shrink: 0;
    font-size: 0.72rem;
    gap: 0.1rem;
  }
  nav:has(.burger-btn) .lang-switcher a {
    padding: 0.2rem 0.28rem;
  }
  nav:has(.burger-btn) .nav-link {
    font-size: 0.72rem;
  }
  nav:has(.burger-btn) .nav-cta {
    font-size: 0.72rem;
    padding: 0.38rem 0.6rem;
    white-space: nowrap;
  }
}

/* 769–1180px: logo, Swiss badge, subpage links and language fit.
   The in-page anchors and the nav CTA need the wider row. */
@media (min-width: 769px) and (max-width: 1180px) {
  nav:has(.burger-btn) .nav-link,
  nav:has(.burger-btn) .nav-cta {
    display: none !important;
  }
  nav:has(.burger-btn) .tool-switcher a {
    font-size: 0.68rem;
    padding: 0.3rem 0.34rem;
  }
}

@media (min-width: 1181px) {
  nav:has(.burger-btn) .nav-right {
    gap: 0.75rem;
  }
  nav:has(.burger-btn) .tool-switcher {
    gap: 0.35rem;
    padding: 0.2rem;
  }
  nav:has(.burger-btn) .tool-switcher a {
    font-size: 0.78rem;
    padding: 0.4rem 0.65rem;
  }
}