/* Language switcher and translation notices of the Sales site, linked into every page by landing/tools/i18n.mjs. */
.lang-switch { position: relative; }
.lang-switch > summary {
  display: inline-flex; align-items: center; gap: .3rem; height: 2rem; padding: 0 .55rem;
  border: 1px solid var(--mv-border); border-radius: var(--mv-radius-full); background: var(--mv-bg);
  color: var(--mv-fg-muted); font: 600 .75rem/1 var(--mv-font-sans); letter-spacing: .02em;
  cursor: pointer; list-style: none; user-select: none;
  transition: color var(--mv-duration-fast) var(--mv-ease-out), border-color var(--mv-duration-fast) var(--mv-ease-out);
}
.lang-switch > summary::-webkit-details-marker { display: none; }
.lang-switch > summary:hover, .lang-switch[open] > summary { color: var(--mv-fg); border-color: var(--mv-border-strong); }
.lang-switch > summary:focus-visible { outline: 2px solid var(--mv-ring, var(--mv-accent)); outline-offset: 2px; }
.lang-switch > summary svg { width: 1rem; height: 1rem; fill: none; stroke: currentColor; stroke-width: 1.6; }
.lang-switch > ul {
  position: absolute; inset-inline-end: 0; top: calc(100% + .4rem); z-index: 60; min-width: 10rem;
  margin: 0; padding: .3rem; list-style: none;
  border: 1px solid var(--mv-border); border-radius: var(--mv-radius-lg); background: var(--mv-surface-raised, var(--mv-bg));
  box-shadow: var(--mv-shadow-lg);
}
.lang-switch a {
  display: block; padding: .45rem .65rem; border-radius: var(--mv-radius-md);
  color: var(--mv-fg); font-size: .875rem; text-decoration: none;
}
.lang-switch a:hover, .lang-switch a:focus-visible { background: var(--mv-bg-muted); outline: none; }
.lang-switch a[aria-current] { color: var(--mv-accent-fg, var(--mv-accent)); font-weight: 600; }

.i18n-notice {
  padding: .7rem .9rem; border: 1px solid var(--mv-border); border-radius: var(--mv-radius-md);
  background: var(--mv-bg-subtle); color: var(--mv-fg-muted); font-size: .875rem;
}
.i18n-report { margin: 0; padding: 1rem; text-align: center; color: var(--mv-fg-muted); font-size: .75rem; }
.i18n-report a { color: inherit; }

@media (forced-colors: active) {
  .lang-switch > summary, .lang-switch > ul { border-color: CanvasText; }
  .lang-switch a[aria-current] { color: Highlight; }
}

/* Language switch (lang-switch.js): the reload into the translated page is a cross-document view transition.
   Every page opts in here; lang-switch.js skips the transition for any other navigation. */
@view-transition { navigation: auto; }
::view-transition-old(root), ::view-transition-new(root) { animation-duration: 180ms; }
@media (prefers-reduced-motion: reduce) { @view-transition { navigation: none; } }