.nav > .nav-links,
.legal-nav > .legal-nav__links,
.site-nav > .site-nav__links {
  margin-left: auto;
}

.public-language {
  position: relative;
  z-index: 30;
  flex-shrink: 0;
  margin-left: 24px;
  font-size: 14px;
  line-height: 1.4;
}

.public-language > summary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  min-width: 112px;
  min-height: 40px;
  padding: 8px 15px;
  border: 1px solid var(--color-border, #e5e5e5);
  border-radius: 999px;
  background: #fff;
  color: var(--color-text, #1a1a1a);
  font-weight: 600;
  list-style: none;
  cursor: pointer;
  box-shadow: 0 1px 2px rgba(26, 26, 26, 0.05);
}

.public-language > summary::-webkit-details-marker { display: none; }
.public-language[open] > summary,
.public-language > summary:hover { border-color: var(--color-brand-500, #ff5a1f); }
.public-language[open] > summary svg { transform: rotate(180deg); }
.public-language summary:focus-visible,
.public-language a:focus-visible { outline: 2px solid var(--color-brand-500, #ff5a1f); outline-offset: 3px; }

.public-language__menu {
  position: absolute;
  top: calc(100% + 8px);
  right: 0;
  display: grid;
  gap: 4px;
  min-width: 160px;
  padding: 6px;
  border: 1px solid var(--color-border, #e5e5e5);
  border-radius: 12px;
  background: #fff;
  box-shadow: 0 12px 30px rgba(26, 26, 26, 0.12);
}

.public-language__menu a {
  display: block;
  padding: 10px 12px;
  border-radius: 7px;
  color: var(--color-text, #1a1a1a);
  text-decoration: none;
  white-space: nowrap;
}

.public-language__menu a:hover,
.public-language__menu a[aria-current="true"] { background: var(--color-brand-50, #fff5ef); color: var(--color-brand-700, #b8410e); }
.public-language__menu a[aria-current="true"] { font-weight: 700; }

html:is([lang="nl"], [lang="it"]) :is(.seo-hero__copy, .seo-hero__figure, .guide-hero__copy, .guide-hero__figure, .editorial-hero__copy, .editorial-hero__figure) {
  min-width: 0;
}

html:is([lang="nl"], [lang="it"]) :is(h1, h2, h3),
html:is([lang="nl"], [lang="it"]) .pairing__flow strong {
  overflow-wrap: anywhere;
  hyphens: auto;
}

html[lang="it"] :is(h1, h2, h3) {
  hyphens: manual;
}

@media (max-width: 1000px) {
  .nav > .nav-links,
  .legal-nav > .legal-nav__links,
  .site-nav > .site-nav__links { gap: 16px; }
}

@media (max-width: 940px) {
  .nav > .nav-links,
  .legal-nav > .legal-nav__links,
  .site-nav > .site-nav__links { display: none; }
  .public-language { margin-left: 12px; }
  .nav,
  .legal-nav,
  .site-nav { padding-left: 20px; padding-right: 20px; }
  .nav-brand__logo,
  .legal-nav__logo,
  .site-nav__brand img { max-width: 44vw; }
}

@media (max-width: 600px) {
  html:is([lang="pt-BR"], [lang="nl"], [lang="it"]) .compare-section { overflow-x: auto; }
  html:is([lang="pt-BR"], [lang="nl"], [lang="it"]) .footer-links { flex-wrap: wrap; }
  html:is([lang="pt-BR"], [lang="nl"], [lang="it"]) .features-grid { grid-template-columns: minmax(0, 1fr); }
  html:is([lang="nl"], [lang="it"]) :is(.shopify-callout__btn, .wix-callout__btn, .faq-shopify__btn, .faq-wix__btn) {
    max-width: 100%;
    white-space: normal;
    text-align: center;
    justify-content: center;
  }
  html:is([lang="nl"], [lang="it"]) :is(.shopify-callout__btn, .wix-callout__btn, .faq-shopify__btn, .faq-wix__btn) svg { flex-shrink: 0; }
}

@media (max-width: 374px) {
  html[lang="pt-BR"] .public-language > summary span { max-width: 74px; }
  html[lang="pt-BR"] .public-language > summary svg { flex-shrink: 0; }
}
