/* 태국어 폰트 로드 — @import 는 파일 맨 앞에 있어야 유효하다 */
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+Thai:wght@400;500;700&family=Noto+Serif+Thai:wght@500;600;700&display=swap");

/*
 * 태국어 문서용 오버레이.
 * 기존 css/i18n.css 뒤에 로드해 영문 규칙(Barlow Condensed)을 태국어 폰트로 덮는다.
 *
 * 태국어는 한글·한자와 달리 **어절 사이에 공백이 없다.** 그래서
 *   1) word-break 를 normal 로 두면 긴 합성어가 컨테이너를 뚫고 나간다
 *   2) 반대로 break-all 을 쓰면 단어 중간이 잘려 읽기 어렵다
 * → keep-all 로 어절 단위 줄바꿈을 하고, 긴 낱말만 overflow-wrap 으로 넘긴다.
 */
html[lang="th"] {
  --font-sans: "Noto Sans Thai", "Thonburi", "Ayuthaya", "Leelawadee UI",
    -apple-system, sans-serif;
  --font-display: "Noto Serif Thai", "Thonburi", "Ayuthaya", serif;
  --font-headline: "Noto Serif Thai", "Thonburi", "Ayuthaya", "Paperlogy", serif;
}

html[lang="th"] body {
  font-family: var(--font-sans);
  /* 태국어는 글자 높이가 커서 자간·행간을 넉넉히 */
  letter-spacing: 0;
  line-height: 1.9;
  font-weight: 400;
  /* 어절 단위 줄바꿈 + 긴 낱말만 예외적으로 넘김 */
  word-break: keep-all;
  overflow-wrap: break-word;
  line-break: loose;
}

html[lang="th"] h1,
html[lang="th"] h2,
html[lang="th"] h3,
html[lang="th"] h4,
html[lang="th"] h5,
html[lang="th"] h6 {
  font-family: var(--font-display);
  letter-spacing: 0;
  line-height: 1.6;
  font-weight: 600;
}

html[lang="th"] strong,
html[lang="th"] b {
  font-weight: 600;
}

/* 태국어는 대문자 개념이 없어 text-transform: uppercase 는 무의미하다 */
html[lang="th"] .nav-links a,
html[lang="th"] .btn,
html[lang="th"] button {
  text-transform: none;
}

/* 한자 병기(.ko-only)는 태국어에서도 불필요하다 */
html[lang="th"] .ko-only {
  display: none !important;
}