/* lang-switch.css — 헤더 우측 상단 언어 선택 버튼 (사이트 테마 변수 사용 → 다크/라이트 자동) */
.nav-user .lang-switch{position:relative;display:flex;align-items:center;flex:none}
.lang-switch .lang-btn{display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 12px;border:1px solid var(--line);border-radius:999px;background:transparent;color:var(--muted);font:inherit;font-size:12px;font-weight:800;letter-spacing:.05em;line-height:1;cursor:pointer;transition:color .2s,border-color .2s,background .2s}
.lang-switch .lang-btn svg{flex:none}
.lang-switch .lang-btn:hover,.lang-switch.open .lang-btn,.lang-switch .lang-btn:focus-visible{color:var(--text);border-color:var(--muted);outline:0}
.lang-switch .lang-menu{position:absolute;top:calc(100% + 10px);right:0;z-index:140;min-width:150px;padding:6px;border:1px solid var(--line);border-radius:12px;background:var(--card);box-shadow:0 18px 44px rgba(0,0,0,.45);opacity:0;visibility:hidden;transform:translateY(6px);transition:opacity .16s,transform .16s,visibility .16s}
.lang-switch.open .lang-menu{opacity:1;visibility:visible;transform:none}
.lang-switch .lang-menu button{display:flex;align-items:center;justify-content:space-between;gap:14px;width:100%;padding:10px 12px;border:0;border-radius:8px;background:transparent;color:var(--text);font:inherit;font-size:13px;text-align:left;cursor:pointer}
.lang-switch .lang-menu button:hover,.lang-switch .lang-menu button:focus-visible{background:color-mix(in srgb,var(--green) 12%,transparent);outline:0}
.lang-switch .lang-menu button.on{color:var(--green);font-weight:800}
.lang-switch .lang-menu button.on::after{content:'✓';font-size:12px}
html[data-theme="light"] .lang-switch .lang-menu{box-shadow:0 14px 36px rgba(20,30,50,.16)}

/* 모바일 헤더: 지갑 연결·메뉴 버튼과 나란히 들어가도록 작게 */
@media(max-width:900px){
  .nav-user .lang-switch{margin-right:-4px}
  .lang-switch .lang-btn{height:38px;padding:0 10px;gap:5px}
}
@media(max-width:380px){
  .lang-switch .lang-btn{padding:0 8px}
  .lang-switch .lang-code{display:none}
}

/* 번역된 버튼 문구(예: ウォレット接続 / Connect wallet)가 모바일 헤더에서 두 줄로 접히지 않게 */
@media(max-width:900px){
  .nav-user [data-wallet-connect]{white-space:nowrap;padding-left:13px;padding-right:13px}
}