/* The language switcher in the header (added by public/i18n.js). The real <select> sits invisibly on top. */
.lang-switch { position: relative; display: inline-flex; align-items: center; gap: 6px; padding: 8px 10px; margin-right: -12px; border: 1px solid var(--line-2); border-radius: 10px; font-size: .88rem; font-weight: 600; color: var(--ink-2); cursor: pointer; white-space: nowrap; transition: border-color .15s; }
.lang-switch:hover, .lang-switch:focus-within { border-color: var(--ink); color: var(--ink); }
.lang-switch svg { width: 16px; height: 16px; fill: none; stroke: currentColor; stroke-width: 1.8; }
.lang-switch select { position: absolute; inset: 0; width: 100%; height: 100%; opacity: 0; cursor: pointer; font-size: 16px; border: 0; }
@media (max-width: 1080px) { .lang-switch { margin-left: auto; } .lang-switch + .header-cta { margin-left: 0; } }
/* Phones: room for the brand, the switcher and the longer "Start a search" in other languages. */
@media (max-width: 480px) {
  .header-row:has(.lang-switch) { gap: 10px; }
  .lang-switch { margin-right: 0; padding: 8px; }
  .lang-switch svg { display: none; }
  .header-row:has(.lang-switch) .header-cta { padding: 9px 12px; font-size: .86rem; }
}