/* ============================================================================
   rAi Builder — i18n-stilar (Fas 0)
   Fontfallback för ar/CJK + språkväljarens utseende. Separat fil så app.css
   lämnas orörd tills Fas A. RTL-layouthårdning görs i Fas A.
   ============================================================================ */

/* Endonymer (العربية, 简体中文) ska renderas även i svenskt UI utan tofu.
   Systemfonter → noll nedladdning. */
.lang-native {
  font-family: "Plus Jakarta Sans", "Noto Sans Arabic", "Geeza Pro",
    "PingFang SC", "Microsoft YaHei", "Noto Sans CJK SC",
    -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;
}

/* Aktiva RTL/CJK-locales får en komplett fallback-stack på hela UI:t.
   Tunga webbfonter laddas inte — vi lutar oss på systemfonter. */
html[lang="ar"] body,
html[dir="rtl"] body {
  font-family: "Noto Sans Arabic", "Geeza Pro", "Segoe UI",
    "Plus Jakarta Sans", -apple-system, system-ui, sans-serif;
}
html[lang^="zh"] body {
  font-family: "PingFang SC", "Microsoft YaHei", "Noto Sans CJK SC",
    "Plus Jakarta Sans", -apple-system, system-ui, sans-serif;
}

/* ── Språkväljaren (delad mellan Bygg och Samtal) ────────────────────────── */
.lang-switch { position: relative; }

.lang-trigger .lang-current {
  margin-left: auto;
  font-size: 12px;
  color: var(--text-muted, #6b7280);
}
.lang-trigger .lang-caret { opacity: 0.5; flex-shrink: 0; }

.lang-options {
  border-top: 1px solid var(--border-subtle, rgba(0,0,0,0.07));
  border-bottom: 1px solid var(--border-subtle, rgba(0,0,0,0.07));
  background: var(--bg-elevated, #f7f8fa);
  padding: 2px 0;
}

.lang-option {
  padding-left: 34px;
  justify-content: flex-start;
}
.lang-option .lang-check {
  margin-left: auto;
  display: inline-flex;
  align-items: center;
  color: var(--accent, #2563eb);
}
.lang-option.active { color: var(--accent, #2563eb); }

/* Samtals meny (pc-user-menu) återanvänder samma väljare — matcha dess rader. */
.pc-user-menu .lang-switch .dropdown-item { width: 100%; }

/* RTL: spegla margin-auto och padding för väljaren (helhets-RTL görs i Fas A). */
html[dir="rtl"] .lang-trigger .lang-current,
html[dir="rtl"] .lang-option .lang-check { margin-left: 0; margin-right: auto; }
html[dir="rtl"] .lang-option { padding-left: 14px; padding-right: 34px; }