.lang-select { position: relative; display: inline-block; font-size: 0.875rem; line-height: 1.2; }
.lang-select > summary { display: inline-flex; align-items: center; gap: 0.5rem; height: 2.25rem; padding: 0 0.625rem 0 0.5rem; border: 1px solid var(--border); border-radius: 0.5rem; background: var(--background); color: var(--foreground); cursor: pointer; list-style: none; user-select: none; font-weight: 500; white-space: nowrap; }
.lang-select > summary::-webkit-details-marker { display: none; }
.lang-select > summary:hover { background: var(--muted); }
.lang-select > summary:focus-visible { outline: 2px solid var(--ring, #f59e0b); outline-offset: 2px; }
.lang-select__flag { width: 1.375rem; height: 1rem; border-radius: 0.1875rem; object-fit: cover; box-shadow: 0 0 0 1px rgb(0 0 0 / 0.12); flex: none; }
.lang-select__chevron { width: 0.875rem; height: 0.875rem; opacity: 0.6; transition: transform 0.15s; }
.lang-select[open] .lang-select__chevron { transform: rotate(180deg); }
.lang-select__code { display: none; }
.lang-select__menu { position: absolute; right: 0; top: calc(100% + 0.375rem); z-index: 60; min-width: 11rem; margin: 0; padding: 0.25rem; list-style: none; border: 1px solid var(--border); border-radius: 0.625rem; background: var(--background); color: var(--foreground); box-shadow: 0 10px 30px rgb(0 0 0 / 0.14); }
.lang-select--up .lang-select__menu { top: auto; bottom: calc(100% + 0.375rem); }
.lang-select--left .lang-select__menu { right: auto; left: 0; }
.lang-select__item { display: flex; align-items: center; gap: 0.625rem; width: 100%; padding: 0.5rem 0.625rem; border: 0; border-radius: 0.375rem; background: transparent; color: inherit; font: inherit; text-align: left; text-decoration: none; cursor: pointer; }
.lang-select__item:hover, .lang-select__item:focus-visible { background: var(--muted); outline: none; }
.lang-select__item[aria-current="true"], .lang-select__item[aria-current="page"] { font-weight: 600; }
.lang-select__check { width: 1rem; height: 1rem; margin-left: auto; visibility: hidden; }
.lang-select__item[aria-current="true"] .lang-select__check, .lang-select__item[aria-current="page"] .lang-select__check { visibility: visible; }
@media (max-width: 479.98px) {
  .lang-select--compact .lang-select__name { display: none; }
  .lang-select--compact .lang-select__code { display: inline; }
}