/**
 * i18n_lang.css — AdvisorWeb 언어별 폰트 / 사이즈 미세조정
 *
 * 정책: CJK (ja / ko) 글리프가 영문보다 시각적으로 크고 가로 폭을 차지함.
 *      tab / nav / button 같이 폭 제한된 UI 에서 영어→일/한 번역시 오버플로 발생.
 *      :lang() 셀렉터로 CJK 만 폰트 -2px 줄이고 letter-spacing 압축 + ellipsis fallback.
 */

/* ─── 데스크탑 메인 메뉴 (gnb) ─── */
:lang(ja) .gnb > li > a,
:lang(ko) .gnb > li > a {
    font-size: 14px;
    letter-spacing: -0.01em;
}

/* ─── 모바일 메뉴 (.mob-item / .mob-subitem) ─── */
:lang(ja) .mob-item,
:lang(ko) .mob-item,
:lang(ja) .mob-subitem,
:lang(ko) .mob-subitem {
    letter-spacing: -0.01em;
}

/* ─── 사이드바 (mypage_sidebar) ─── */
:lang(ja) .consult-sidebar-item span,
:lang(ko) .consult-sidebar-item span {
    font-size: 13px;
    letter-spacing: -0.01em;
}

/* ─── 페이지 타이틀 ─── */
:lang(ja) .profile-page-title,
:lang(ko) .profile-page-title,
:lang(ja) .page-title,
:lang(ko) .page-title {
    letter-spacing: -0.02em;
}

/* ─── 폼 라벨 (가로폭 제한된 .form-label 대응) ─── */
:lang(ja) .form-label,
:lang(ko) .form-label {
    font-size: 13px;
    letter-spacing: -0.005em;
}

/* ─── SweetAlert ─── */
:lang(ja) .swal2-title,
:lang(ko) .swal2-title {
    font-size: 1.4em;
    letter-spacing: -0.01em;
}
:lang(ja) .swal2-html-container,
:lang(ko) .swal2-html-container {
    letter-spacing: -0.01em;
}

/* ════════════════════════════════════════════════════════════════
   media query 별 lang 오버라이드
   ════════════════════════════════════════════════════════════════ */

@media (max-width: 900px) {
    :lang(ja) .gnb > li > a,
    :lang(ko) .gnb > li > a {
        font-size: 13px;
        letter-spacing: -0.02em;
    }
}

@media (max-width: 768px) {
    :lang(ja) .gnb > li > a,
    :lang(ko) .gnb > li > a {
        font-size: 12px;
    }
}

@media (max-width: 600px) {
    :lang(ja) .gnb > li > a,
    :lang(ko) .gnb > li > a {
        font-size: 11px;
        letter-spacing: -0.03em;
    }
    :lang(ja) .mob-item,
    :lang(ko) .mob-item {
        font-size: 14px;
    }
    :lang(ja) .profile-page-title,
    :lang(ko) .profile-page-title {
        font-size: 22px;
    }
}

/* ─── 범용 ellipsis fallback (모든 언어) ─── */
.gnb > li > a,
.consult-sidebar-item span {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    min-width: 0;
}

.gnb {
    min-width: 0;
}