/*
 * 손님 화면 4개 언어 — 언어 스위처(「한국어 · English · 日本語 · 中文」)와 일본어·중국어 글꼴 폴백
 * from: 묶음 A(site/assets/js/i18n/i18n.js 가 [data-lang-switch] 자리에 그린다). 새 CDN 없이 시스템 글꼴만 더한다.
 */

/* 스위처 — 홈페이지 머리말(.header-right)과 쇼핑몰 머리말(.sh-header-tools) 양쪽에서 글자색을 물려받는다 */
.nk-lang { display: inline-flex; align-items: center; flex-wrap: wrap; gap: 2px 4px; font-size: 13px; line-height: 1.2; white-space: nowrap; }
.nk-lang-link { display: inline-flex; align-items: center; min-height: 32px; padding: 0 2px; color: inherit; text-decoration: none; opacity: 0.68; border-bottom: 1px solid transparent; }
.nk-lang-link:hover { opacity: 1; }
.nk-lang-link:focus-visible { opacity: 1; outline: 2px solid currentColor; outline-offset: 2px; }
.nk-lang-link[aria-current="true"] { opacity: 1; font-weight: 700; border-bottom-color: currentColor; }
.nk-lang-sep { opacity: 0.4; }
.sh-header-tools .nk-lang { margin-right: 8px; }
/* 홈페이지 머리말: 더 크고 진하게(2026-10-13 사용자 "글씨 키워줘, 너무 안 보여") */
.header-right .nk-lang { font-size: 15px; font-weight: 600; gap: 2px 6px; }
.header-right .nk-lang-link { opacity: .85; }
.header-right .nk-lang-link[aria-current="true"] { opacity: 1; }
.header-right .nk-lang-sep { opacity: .55; }

.nk-lang-short { display: none; }
@media (max-width: 640px) {
  .nk-lang { font-size: 12px; gap: 0 2px; }
  .sh-header-tools .nk-lang { margin-right: 2px; }
  .header-right .nk-lang { font-size: 13px; gap: 0 3px; }
  /* 휴대폰: 쇼핑몰 머리말은 짧은 이름만(390px 넘침 방지, 2026-10-13 다국어-확인.mjs) */
  .sh-header-tools .nk-lang-full { display: none; }
  .sh-header-tools .nk-lang-short { display: inline; }
}

/* 일본어·중국어 — 한글 글꼴(Pretendard·Gmarket Sans)에 없는 한자·가나를 시스템 글꼴로 채운다 */
html[lang="ja"] {
  --f-display: "Gmarket Sans", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Yu Gothic UI", "Yu Gothic", Meiryo, "Noto Sans JP", sans-serif;
  --f-body: "Pretendard Variable", "Pretendard", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Yu Gothic UI", "Yu Gothic", Meiryo, "Noto Sans JP", sans-serif;
}
html[lang="zh"] {
  --f-display: "Gmarket Sans", "PingFang SC", "Microsoft YaHei", "Noto Sans SC", "Source Han Sans SC", sans-serif;
  --f-body: "Pretendard Variable", "Pretendard", "PingFang SC", "Microsoft YaHei", "Noto Sans SC", "Source Han Sans SC", sans-serif;
}
html[lang="ja"] body, html[lang="zh"] body { word-break: normal; line-break: strict; }