/* Noto Sans Thai Font from Local Files */
@font-face {
  font-family: 'Noto Sans Thai';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/NotoSansThai-Light.ttf') format('truetype');
  font-display: swap;
}

@font-face {
  font-family: 'Noto Sans Thai';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/NotoSansThai-Regular.ttf') format('truetype');
  font-display: swap;
}

@font-face {
  font-family: 'Noto Sans Thai';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/NotoSansThai-Medium.ttf') format('truetype');
  font-display: swap;
}

@font-face {
  font-family: 'Noto Sans Thai';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/NotoSansThai-SemiBold.ttf') format('truetype');
  font-display: swap;
}

@font-face {
  font-family: 'Noto Sans Thai';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/NotoSansThai-Bold.ttf') format('truetype');
  font-display: swap;
}

/* Noto Sans Thai Looped Font from Local Files */
@font-face {
  font-family: 'Noto Sans Thai Looped';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/NotoSansThaiLooped-Light.ttf') format('truetype');
  font-display: swap;
}

@font-face {
  font-family: 'Noto Sans Thai Looped';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/NotoSansThaiLooped-Regular.ttf') format('truetype');
  font-display: swap;
}

@font-face {
  font-family: 'Noto Sans Thai Looped';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/NotoSansThaiLooped-Medium.ttf') format('truetype');
  font-display: swap;
}

@font-face {
  font-family: 'Noto Sans Thai Looped';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/NotoSansThaiLooped-SemiBold.ttf') format('truetype');
  font-display: swap;
}

@font-face {
  font-family: 'Noto Sans Thai Looped';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/NotoSansThaiLooped-Bold.ttf') format('truetype');
  font-display: swap;
}

/* Apply font weight classes */
.font-light {
  font-weight: 300;
}

.font-regular {
  font-weight: 400;
}

.font-medium {
  font-weight: 500;
}

.font-semibold {
  font-weight: 600;
}

.font-bold {
  font-weight: 700;
}

/* Thai language specific styles */
.thai-lang {
  line-height: 1.8;
  word-break: break-word;
}

/* Apply font to all elements */
body {
  font-family: 'Noto Sans Thai', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
}

/* Article body specific styling */
.article-body {
  font-family: 'Noto Sans Thai Looped', serif;
  font-size: 1.1rem;
  line-height: 1.8;
  color: #333;
}

.article-body h2 {
  font-family: 'Noto Sans Thai Looped', serif;
  font-weight: 700;
  margin-top: 1.5rem;
  margin-bottom: 1rem;
}

.article-body h3 {
  font-family: 'Noto Sans Thai Looped', serif;
  font-weight: 600;
  margin-top: 1.5rem;
  margin-bottom: 1rem;
}

.article-body h4 {
  font-family: 'Noto Sans Thai Looped', serif;
  font-weight: 500;
  margin-top: 1.5rem;
  margin-bottom: 1rem;
}