/*
 * SPRÅKVALET SV/EN — det enda stället där det stylas (2026-10-06). Samma stil
 * som startsidan alltid haft: diskreta textknappar, det aktiva språket med
 * ram och panelbakgrund. i18n.js sätter .aktiv och aria-pressed.
 *
 * Stillastående med avsikt: ingen animation och ingen transition på
 * transform/opacity (startsidans flimmerbudget, test/unit/sprak-vaxlare).
 *
 * Snedstrecket (.avdelare) som några vyer bär mellan knapparna visas inte —
 * startsidan har aldrig haft det, och ramen säger redan vilket som är valt.
 */
.sprakval { display: flex; align-items: center; gap: 2px; }
.sprakval button {
  padding: 5px 7px; border: 1px solid transparent; border-radius: 7px; background: none;
  font-family: inherit; font-size: 13px; line-height: 16px; font-weight: 600; letter-spacing: 0.52px;
  color: var(--faint, #a5a899); cursor: pointer;
}
.sprakval button:hover { color: var(--ink, #3c422d); }
.sprakval button.aktiv {
  background: var(--panel, #faf7f2); border-color: var(--border, #e4ded3); color: var(--ink, #3c422d);
}
.sprakval button:focus-visible { outline: 2px solid #ff7878; outline-offset: 2px; }
.sprakval .avdelare { display: none; }

/* Mörk topbar (adminytan har i dag inget språkval, men regeln står klar). */
.topbar.morkt .sprakval button { color: #8b8f80; }
.topbar.morkt .sprakval button:hover { color: #f5f1ea; }
.topbar.morkt .sprakval button.aktiv { color: #f5f1ea; background: #2c2e25; border-color: #45483c; }