/* Language switcher, shared by all three language versions.
 *
 * A plain row of links, and deliberately not a dropdown: three options do not need a control,
 * and a <select> that navigates on change is a trap for anyone using a keyboard or a screen
 * reader. Each language is written in itself — a reader who cannot read English still finds
 * "العربية".
 *
 * There is no automatic redirect by Accept-Language or by IP. Someone who has chosen a language
 * should not be moved out of it by where they happen to be sitting, and a German-market site
 * whose visitors are by definition not native German speakers is the worst possible place to
 * guess.
 */
.lang-switch{
  display:flex; flex-wrap:wrap; gap:4px 10px; align-items:center; justify-content:flex-end;
  max-width:1120px; margin:0 auto; padding:0 24px;
  font-size:14px; color:var(--text-faint,#5F6B7A);
}
/* 44px of vertical hit area on a 14px link: the row is short enough to look the same. */
.lang-switch a{ color:inherit; text-decoration:none; display:inline-flex; align-items:center;
  min-height:44px; padding:0 2px; border-bottom:1px solid transparent }
.lang-switch a:hover{ color:var(--brand,#1B3A6B); border-bottom-color:currentColor }
.lang-switch a[aria-current]{ color:var(--text,#0F1E33); font-weight:600 }
/* The separator is decoration; it is generated rather than written into the markup so a screen
   reader announces three links and not "English interpunct Deutsch". */
.lang-switch a + a::before{ content:"·"; margin-inline-end:10px; color:var(--text-faint,#5F6B7A); font-weight:400 }

/* Arabic is a joined script: any letter-spacing, positive or negative, pulls the connected
   letters apart ("NOW ON IPHONE" tracking turned متوفّر into loose glyphs). The label voice
   (.eyebrow, .price-name) and the headings are tracked for Latin, so one rule turns it
   off for Arabic text rather than an override per label. !important because those rules live
   in site.css and home.css, which load after this file at the same specificity. `*` does not
   reach ::before, so the mono counters (01, 02…), which are digits, keep their spacing. */
:lang(ar), :lang(ar) *{ letter-spacing:0 !important }
