/*
 * B5 PREVIEW TYPOGRAPHY — single source of truth, never used by Production.
 * Kanit for Thai glyphs and existing self-hosted Inter for Latin/English.
 *
 * Thai weight hierarchy: light 300 = everyday reading/secondary actions;
 * regular 400 = section headings, key links and labels;
 * medium 500 = only compact branch identity cues.
 * Each selector group declares its target weight once. Don't add ad-hoc
 * overrides to the build script, dist/styles.css or individual pages.
 */
@font-face {
  font-family: "Kanit Review";
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url("/assets/fonts/kanit-review/kanit-thai-300-normal.woff2") format("woff2");
  unicode-range: U+0E01-0E5B,U+200C-200D,U+25CC;
}
@font-face {
  font-family: "Kanit Review";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/assets/fonts/kanit-review/kanit-thai-400-normal.woff2") format("woff2");
  unicode-range: U+0E01-0E5B,U+200C-200D,U+25CC;
}
@font-face {
  font-family: "Kanit Review";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("/assets/fonts/kanit-review/kanit-thai-500-normal.woff2") format("woff2");
  unicode-range: U+0E01-0E5B,U+200C-200D,U+25CC;
}

html[data-b5-font-trial="kanit"] :is(
  body, button, input, select, textarea, a, p, h1, h2, h3, h4, h5, h6,
  span, strong, small, label, li, td, th, summary, blockquote, div
) {
  font-family: Inter, "Kanit Review", sans-serif !important;
}

/* Spacing: one global baseline, then distinct roles. */
html[data-b5-font-trial="kanit"] body {
  letter-spacing: .008em;
  line-height: 1.78;
}
html[data-b5-font-trial="kanit"] :is(p, li, blockquote, td, th) {
  letter-spacing: .008em !important;
}
html[data-b5-font-trial="kanit"] :is(h1, h2, h3, h4, h5, h6) {
  letter-spacing: .012em !important;
}
html[data-b5-font-trial="kanit"] :is(button, .button, .desktop-nav a, .mobile-nav a, .text-link, label) {
  letter-spacing: .01em !important;
}
/* Homepage legacy inline stylesheet has a high-specificity negative H1 tracking. */
html[data-b5-font-trial="kanit"] main#main > .hero.hero-quick-links .hero-copy h1 {
  letter-spacing: .012em !important;
}

/* Light 300 — base body copy, page H1, secondary actions and ordinary navigation. */
html[lang="th"][data-b5-font-trial="kanit"] body {
  font-weight: 300;
}
html[lang="th"][data-b5-font-trial="kanit"] :is(
  h1, h5, h6, h1 strong, h5 strong, h6 strong,
  button:not(.primary), .button:not(.primary),
  button:not(.primary) strong, .button:not(.primary) strong,
  .desktop-nav a, .mobile-nav a, .footer-main nav a, .header-contact,
  .area-all-link .text-link, .hero-actions .text-link,
  .editorial-bottom a, .article-related > a, .works-bottom a,
  .comfort-label strong
) {
  font-weight: 300 !important;
}
/* Force the wide-screen homepage H1 out of its old inline 500-weight rule. */
html[lang="th"][data-b5-font-trial="kanit"] main#main > .hero.hero-quick-links .hero-copy h1 {
  font-weight: 300 !important;
}

/* Regular 400 — section headings and links meant to be scanned or selected. */
html[lang="th"][data-b5-font-trial="kanit"] :is(
  h2, h3, h4, h2 strong, h3 strong, h4 strong,
  .button.primary, button.primary, .button.primary strong, button.primary strong,
  .area-detail-link, .home-quick-links a, .editorial-read-link,
  .home-editorial-footer a, .seo-service-directory a,
  .seo-service-related a, .seo-intent-list li a,
  .eyebrow, .editorial-card-topic, .article-category,
  .trust-demo-flag, .trust-chip-demo, .trust-review-identity strong,
  .service-index-card strong
) {
  font-weight: 400 !important;
}

/* Other bold inline text is regular, except where its container is a
   deliberate light-weight control or headline. */
html[lang="th"][data-b5-font-trial="kanit"] strong:not(
  .comfort-label strong, .service-index-card strong,
  .trust-review-identity strong, h1 strong, h2 strong, h3 strong,
  h4 strong, h5 strong, h6 strong, button strong, .button strong
) {
  font-weight: 400 !important;
}

/* Medium 500 — only compact identity labels, not whole cards or paragraphs. */
html[lang="th"][data-b5-font-trial="kanit"] .branch-directory-card-top {
  font-weight: 500 !important;
}