/**
 * widgets/ui/lang-switcher — 언어 선택기
 *
 * 🔴 색·테두리·hover 를 직접 지정하지 않는다. <wa-button appearance="plain"> 과
 *    <wa-dropdown-item> 이 이미 WCAG AA 명암비와 hover/focus 상태를 갖고 있다.
 *    여기서는 간격과 국기 크기만 다듬는다.
 */

.w-lang {
    display: inline-flex;
    align-items: center;
}

.w-lang__flag {
    font-size: 1.05em;
    line-height: 1;
}

.w-lang__name {
    margin-inline-start: 0.35em;
}

/* JS 가 있으면 폴백 목록은 필요 없다 — <noscript> 안이므로 자동으로 숨겨진다.
   스타일만 최소로 준다(검색엔진·스크린리더가 읽을 때의 가독성). */
.w-lang__fallback {
    display: flex;
    gap: 0.75rem;
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: 0.85rem;
}