/* =====================================================================
   wuneprs.com 헤더 언어 선택 — A안 최종 (2026-10-16)
   배치: /common/css/langswitch.css  (header.php·header_i18n.php 공통, <link ... ?ver=YYYYMMDD>)
   토큰: wune-ds.css 라이브 값 — --wds-primary #5E1A25 · --wds-primary-soft #F5ECEE
         --wds-text #1A1A1A · --wds-border #E4E4E7 · --wds-fs-label 13.5px · --wds-r-sm 8px
   🚨 클래스명에 「langswitch」「language」 문자열을 쓰지 않는다.
      wune-ds.css 가 [class*="langswitch"] / [class*="language"] 에 ::before 지구 아이콘·width:116px·
      배경·첫 i/svg 숨김을 !important 로 강제하기 때문. 새 네임스페이스 = .wls(PC) / .wls-m(모바일)
   ===================================================================== */

/* ---------- PC 트리거 + 드롭다운 ---------- */
.wls{position:relative;display:inline-flex;align-items:center;z-index:1000;
  --wls-primary:var(--wds-primary,#5E1A25);--wls-tint:var(--wds-primary-soft,#F5ECEE);
  --wls-text:var(--wds-text,#1A1A1A);--wls-sub:#6B6B70;--wls-border:var(--wds-border,#E4E4E7);--wls-radius:var(--wds-r-sm,8px)}
.wls *{box-sizing:border-box}
.wls__btn{display:inline-flex;align-items:center;gap:8px;height:38px;padding:0 10px 0 12px;
  border:1px solid var(--wls-border);border-radius:var(--wls-radius);background:#fff;color:var(--wls-text);
  font-family:inherit;font-size:13.5px;font-weight:600;letter-spacing:.04em;line-height:1;cursor:pointer;white-space:nowrap;
  transition:border-color .18s,color .18s;-webkit-tap-highlight-color:transparent}
.wls__btn:hover,.wls.is-open .wls__btn{border-color:var(--wls-primary);color:var(--wls-primary)}
.wls__btn:focus-visible{outline:2px solid var(--wls-primary);outline-offset:2px}
.wls__flag{display:inline-block;flex:0 0 auto;width:20px;height:14px;border-radius:2.5px;overflow:hidden;
  box-shadow:inset 0 0 0 1px rgba(0,0,0,.12);line-height:0;background:#fff}
.wls__flag svg,.wls__flag img{display:block;width:100%;height:100%}
.wls__chev{width:12px;height:12px;flex:0 0 auto;transition:transform .2s;color:currentColor;opacity:.8}
.wls.is-open .wls__chev{transform:rotate(180deg)}
.wls__menu{position:absolute;top:calc(100% + 8px);right:0;min-width:208px;margin:0;padding:6px;list-style:none;
  background:#fff;border:1px solid var(--wls-border);border-radius:var(--wls-radius);box-shadow:0 12px 30px rgba(44,28,20,.12);
  opacity:0;visibility:hidden;transform:translateY(-4px);transition:opacity .18s,transform .18s,visibility .18s}
.wls.is-open .wls__menu{opacity:1;visibility:visible;transform:none}
.wls__menu li{margin:0;padding:0;list-style:none}
.wls__item{display:flex;align-items:center;gap:10px;min-height:44px;padding:0 12px;border-radius:6px;
  color:var(--wls-text);font-size:14px;font-weight:500;letter-spacing:0;text-decoration:none;white-space:nowrap;
  transition:background .15s,color .15s}
.wls__item:hover,.wls__item:focus-visible{background:var(--wls-tint);color:var(--wls-primary);outline:none}
.wls__item.is-active{background:var(--wls-tint);color:var(--wls-primary);font-weight:700}
.wls__name{flex:1 1 auto}
.wls__sub{font-size:12px;font-weight:400;color:var(--wls-sub);letter-spacing:.01em}
.wls__check{width:16px;height:16px;flex:0 0 auto;margin-left:auto;color:var(--wls-primary);visibility:hidden}
.wls__item.is-active .wls__check{visibility:visible}

/* ---------- 모바일 햄버거 드로어 블록 ---------- */
.wls-m{padding:18px 22px;border-top:1px solid var(--wds-border,#E4E4E7);margin-top:8px;
  --wls-primary:var(--wds-primary,#5E1A25);--wls-tint:var(--wds-primary-soft,#F5ECEE);
  --wls-text:var(--wds-text,#1A1A1A);--wls-sub:#6B6B70;--wls-border:var(--wds-border,#E4E4E7)}
.wls-m *{box-sizing:border-box}
.wls-m__label{display:flex;align-items:center;gap:6px;margin:0 0 10px;font-size:13.5px;font-weight:600;
  letter-spacing:.08em;text-transform:uppercase;color:var(--wls-sub)}
.wls-m__label svg{width:15px;height:15px;flex:0 0 auto}
.wls-m__grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.wls-m__chip{display:flex;align-items:center;gap:8px;min-height:44px;padding:0 12px;border:1px solid var(--wls-border);
  border-radius:8px;background:#fff;color:var(--wls-text);font-size:14px;font-weight:500;text-decoration:none;white-space:nowrap}
.wls-m__chip:hover,.wls-m__chip:focus-visible{border-color:var(--wls-primary);color:var(--wls-primary);outline:none}
.wls-m__chip.is-active{background:var(--wls-tint);border-color:var(--wls-primary);color:var(--wls-primary);font-weight:700}
.wls-m__chip .wls__check{margin-left:auto}

/* ---------- 노출 토글 (기존 .dn-langswitch 와 동일 브레이크포인트) ---------- */
@media (max-width:768px){.dn-nav-right .wls{display:none}}
@media (min-width:769px){.wls-m{display:none}}

/* ---------- wune-ds.css 헤더 타이포 강제 규칙 가드 ----------
   body.wds :is(header,nav,.gnb,[class*=gnb]) :is(a,li,span){font-size:15.5px!important;font-weight:500!important;line-height:1.4!important}
   가 헤더 안 모든 a/span 을 15.5px 로 키운다. 특이도 (0,2,2) 보다 높은 (0,3,0)+ 으로 되돌린다.
   (wune-ds.css 쪽에 :not(.wls *):not(.wls-m *) 예외를 넣으면 이 블록은 지워도 된다) */
.wls .wls__btn.wls__btn{font-size:13.5px!important;font-weight:600!important;color:var(--wls-text)!important;line-height:1!important}
.wls .wls__btn:hover,.wls.is-open .wls__btn{color:var(--wls-primary)!important}
.wls .wls__btn .wls__cur{font-size:13.5px!important;font-weight:600!important;color:inherit!important;line-height:1!important}
.wls .wls__menu .wls__item{font-size:14px!important;font-weight:500!important;color:var(--wls-text)!important;padding:0 12px!important;margin:0!important;line-height:1.3!important}
.wls .wls__menu .wls__item:hover,.wls .wls__menu .wls__item:focus-visible,.wls .wls__menu .wls__item.is-active{color:var(--wls-primary)!important}
.wls .wls__menu .wls__item.is-active{font-weight:700!important}
.wls .wls__menu .wls__name{font-size:14px!important;font-weight:inherit!important;color:inherit!important;line-height:1.3!important}
.wls .wls__menu .wls__sub{font-size:12px!important;font-weight:400!important;color:var(--wls-sub)!important;line-height:1.3!important}
.wls-m .wls-m__label.wls-m__label{font-size:13.5px!important;font-weight:600!important;color:var(--wls-sub)!important}
.wls-m .wls-m__grid .wls-m__chip{font-size:14px!important;font-weight:500!important;color:var(--wls-text)!important;padding:0 12px!important;margin:0!important;line-height:1.3!important}
.wls-m .wls-m__grid .wls-m__chip.is-active{color:var(--wls-primary)!important;font-weight:700!important}
.wls-m .wls-m__grid .wls-m__chip .wls__name{font-size:14px!important;font-weight:inherit!important;color:inherit!important}
@media (prefers-reduced-motion:reduce){.wls__menu,.wls__chev,.wls__btn,.wls__item{transition:none!important}}

/* 2026-10-16 원장: 드롭다운의 영문 보조 표기(Korean/Japanese…) 불필요 → 숨김 */
.wls .wls__menu .wls__sub{display:none!important}