/* DigiTrustly Multilingual Header Fit v3.1
   Keeps long translated navigation labels neat without changing the English design. */

html:not([lang="en"]) header .nav,
html:not([lang="en"]) .site-header .nav,
html:not([lang="en"]) .site-header .header-inner {
  gap: 14px !important;
}

html:not([lang="en"]) header nav,
html:not([lang="en"]) .site-header nav {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  flex-wrap: nowrap !important;
  gap: clamp(8px, 1.15vw, 16px) !important;
  min-width: 0 !important;
}

html:not([lang="en"]) header nav a,
html:not([lang="en"]) .site-header nav a {
  white-space: nowrap !important;
  font-size: clamp(11px, 1.12vw, 14px) !important;
  letter-spacing: -0.01em;
}

html:not([lang="en"]) header .brand,
html:not([lang="en"]) .site-header .brand {
  flex: 0 0 auto !important;
}

html:not([lang="en"]) header .btn,
html:not([lang="en"]) header a.btn,
html:not([lang="en"]) .site-header .btn,
html:not([lang="en"]) .site-header a.btn {
  white-space: nowrap !important;
  flex: 0 0 auto !important;
}

@media (max-width: 1120px) and (min-width: 821px) {
  html:not([lang="en"]) header .nav,
  html:not([lang="en"]) .site-header .nav,
  html:not([lang="en"]) .site-header .header-inner {
    gap: 9px !important;
  }

  html:not([lang="en"]) header nav,
  html:not([lang="en"]) .site-header nav {
    gap: 8px !important;
  }

  html:not([lang="en"]) header nav a,
  html:not([lang="en"]) .site-header nav a {
    font-size: 11.5px !important;
  }

  html:not([lang="en"]) header .brand img,
  html:not([lang="en"]) .site-header .brand img {
    max-width: 170px !important;
    height: auto !important;
  }

  html:not([lang="en"]) header .btn,
  html:not([lang="en"]) header a.btn,
  html:not([lang="en"]) .site-header .btn,
  html:not([lang="en"]) .site-header a.btn {
    padding-left: 12px !important;
    padding-right: 12px !important;
    font-size: 11.5px !important;
  }
}

/* Extra room for languages with naturally longer navigation labels. */
@media (max-width: 1040px) and (min-width: 821px) {
  html[lang="pt"] header nav,
  html[lang="de"] header nav,
  html[lang="fr"] header nav,
  html[lang="pl"] header nav,
  html[lang="pt"] .site-header nav,
  html[lang="de"] .site-header nav,
  html[lang="fr"] .site-header nav,
  html[lang="pl"] .site-header nav {
    gap: 6px !important;
  }

  html[lang="pt"] header nav a,
  html[lang="de"] header nav a,
  html[lang="fr"] header nav a,
  html[lang="pl"] header nav a,
  html[lang="pt"] .site-header nav a,
  html[lang="de"] .site-header nav a,
  html[lang="fr"] .site-header nav a,
  html[lang="pl"] .site-header nav a {
    font-size: 11px !important;
  }
}

/* Arabic keeps the same fit rules but respects RTL. */
html[dir="rtl"] header nav,
html[dir="rtl"] .site-header nav {
  direction: rtl;
}

/* Do not interfere with the site's existing mobile navigation rules. */
@media (max-width: 820px) {
  html:not([lang="en"]) header nav,
  html:not([lang="en"]) .site-header nav {
    gap: inherit;
  }
}