/* Språkväljare: pill i sidhuvudet + modal "Välj språk". */
.i18n-pill {
  display: inline-flex; align-items: center; gap: .4rem;
  min-height: 40px; padding: 0 .85rem;
  border: 1px solid rgba(0, 0, 0, .18); border-radius: 999px;
  background: #fff; color: #111; font: inherit; font-size: .875rem; font-weight: 600;
  cursor: pointer; white-space: nowrap;
}
.i18n-pill:hover { border-color: #111; }
.i18n-pill:focus-visible { outline: 2px solid #111; outline-offset: 2px; }
.i18n-pill__flag { font-size: 1.1rem; line-height: 1; }
.lg-top .i18n-pill { margin-inline-start: auto; }
.lg-top.i18n-host { display: flex; align-items: center; gap: 1rem; flex-wrap: wrap; }

.i18n-menu {
  position: fixed; z-index: 1000; margin: 0; padding: 6px; list-style: none; min-width: 200px; max-height: min(70vh, 420px); overflow: auto;
  background: #fff; color: #111; border: 1px solid rgba(0, 0, 0, .12); border-radius: 16px; box-shadow: 0 16px 40px rgba(0, 0, 0, .18);
}
.i18n-menu[hidden] { display: none; }
.i18n-menu li {
  display: flex; align-items: center; gap: .65rem; min-height: 44px; padding: 0 .8rem;
  border-radius: 10px; font-size: 1rem; cursor: pointer;
}
.i18n-menu li:hover, .i18n-menu li:focus-visible { background: #f0f0f0; outline: none; }
.i18n-menu li[aria-selected="true"] { font-weight: 700; }
.i18n-menu li[aria-selected="true"]::after { content: "✓"; margin-inline-start: auto; }
.i18n-menu__flag { font-size: 1.2rem; line-height: 1; }
:root[data-theme="dark"] .i18n-menu { background: #1b1d1f; color: #f2f2f2; border-color: #333; }
:root[data-theme="dark"] .i18n-menu li:hover, :root[data-theme="dark"] .i18n-menu li:focus-visible { background: #2a2d30; }
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) .i18n-menu { background: #1b1d1f; color: #f2f2f2; border-color: #333; }
  :root:not([data-theme="light"]) .i18n-menu li:hover, :root:not([data-theme="light"]) .i18n-menu li:focus-visible { background: #2a2d30; }
}
@media (max-width: 560px) { .i18n-pill { padding: 0 .6rem; } }