/* The same compact section menu and language control on every public header. */
.site-nav__dropdown { position: relative; }
.site-nav__dropdown summary {
  display: inline-flex;
  align-items: center;
  gap: var(--space-2);
  min-block-size: var(--space-11);
  color: var(--color-text-primary);
  font-weight: 700;
  cursor: pointer;
  list-style: none;
}
.site-nav__dropdown summary::-webkit-details-marker { display: none; }
.site-nav__dropdown summary::after {
  direction: ltr; /* Keep the decorative chevron pointing down in both writing directions. */
  content: '';
  inline-size: 0.4rem;
  block-size: 0.4rem;
  border-inline-end: 0.125rem solid currentColor;
  border-block-end: 0.125rem solid currentColor;
  transform: rotate(45deg) translateY(-0.125rem);
}
.site-nav__dropdown[open] summary::after { transform: rotate(225deg) translateY(-0.125rem); }
.site-nav__dropdown summary:hover,
.site-nav__dropdown summary:focus-visible { color: var(--color-action-primary-hover); }
.site-nav__dropdown summary:focus-visible {
  outline: calc(var(--space-1) / 2) solid var(--color-focus-ring);
  outline-offset: calc(var(--space-1) / 2);
}
.site-nav__dropdown-list {
  position: absolute;
  z-index: 10;
  inset-block-start: 100%;
  inset-inline-start: 0;
  display: grid;
  gap: 0;
  min-inline-size: 13rem;
  margin: 0;
  padding: var(--space-2);
  border: var(--border-width-hairline) solid var(--color-border);
  border-radius: var(--radius-sm);
  background: var(--color-surface);
  box-shadow: var(--elevation-2);
  list-style: none;
}
.site-nav__dropdown-list a {
  display: flex;
  align-items: center;
  min-block-size: var(--space-11);
  padding-block: var(--space-2);
  padding-inline: var(--space-3);
  border-radius: var(--radius-sm);
  color: var(--color-text-primary);
  text-decoration: none;
  white-space: nowrap;
}
.site-nav__dropdown-list a:hover,
.site-nav__dropdown-list a:focus-visible {
  color: var(--color-action-primary-hover);
  background: var(--color-surface-lavender);
}
.language-options {
  display: inline-flex;
  align-items: center;
  inline-size: max-content;
  padding: 0.125rem;
  border: var(--border-width-hairline) solid var(--color-action-primary);
  border-radius: var(--radius-pill);
  white-space: nowrap;
}
.language-options a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-block-size: calc(var(--space-11) - 0.25rem);
  padding-inline: var(--space-3);
  border-radius: var(--radius-pill);
  color: var(--color-action-primary);
  font-size: var(--text-sm);
  font-weight: 700;
  text-decoration: none;
}
.language-options a:hover,
.language-options a:focus-visible { background: var(--color-surface-lavender); }
.site-nav .language-options a[aria-current="page"],
.site-nav .language-options a[aria-current="page"]:hover,
.site-nav .language-options a[aria-current="page"]:focus-visible,
.language-options a[aria-current="page"],
.language-options a[aria-current="page"]:hover,
.language-options a[aria-current="page"]:focus-visible {
  background: var(--color-action-primary);
  color: var(--color-action-primary-text);
}
.language-options--mobile { display: none; }
.summary-nav { display: flex; align-items: center; font-size: var(--text-sm); }
.summary-nav .site-nav__dropdown-list a { font-size: var(--text-sm); }

@media (max-width: 69.999rem) {
  .site-header__brands { flex: 1 1 auto; }
  .language-options--mobile { display: inline-flex; margin-inline-start: auto; }
  .site-nav .language-options { display: none; }
  .site-nav { max-block-size: calc(100vh - var(--space-16)); overflow-y: auto; }
  .site-nav__dropdown summary { inline-size: 100%; padding-block: var(--space-3); }
  .site-nav__dropdown-list {
    position: static;
    min-inline-size: 0;
    padding-inline: var(--space-3);
    box-shadow: none;
  }
  .site-nav__dropdown-list a { white-space: normal; }
}

@media (max-width: 55rem) {
  .site-header__inner { flex-wrap: wrap; }
  .site-header__brands { flex-basis: 100%; justify-content: center; }
  .language-options--mobile { margin-inline-start: 0; }
  .site-header__menu-button { margin-inline-start: auto; }
}

/* Edited navigation labels may be longer than the supplied default wording. */
@media (min-width: 70rem) {
  .site-nav { flex-wrap: wrap; justify-content: flex-end; min-inline-size: 0; }
  .site-nav__list { flex-wrap: wrap; justify-content: flex-end; }
}
