/* Shared styling for the language switcher injected by i18n.js.
 * Theme-neutral: inherits the surrounding text colour so it works on the
 * dark tool pages and the light/marketing pages alike. */
select[data-i18n-lang] {
  font: inherit;
  font-size: 0.85em;
  color: inherit;
  background: transparent;
  border: 1px solid currentColor;
  border-radius: 6px;
  padding: 3px 22px 3px 8px;
  cursor: pointer;
  opacity: 0.75;
  -webkit-appearance: none;
  appearance: none;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'><path d='M1 1l4 4 4-4' stroke='currentColor' stroke-width='1.5' fill='none' stroke-linecap='round'/></svg>");
  background-repeat: no-repeat;
  background-position: right 7px center;
}
select[data-i18n-lang]:hover { opacity: 1; }
select[data-i18n-lang]:focus { outline: none; opacity: 1; }
/* Option list renders in the OS theme; force a readable dark fallback. */
select[data-i18n-lang] option { color: #111; background: #fff; }
