/* Shared language control stays available when the mobile menu is closed. */
.language-switcher {
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  order: 3;
  gap: .15rem;
  padding: .2rem;
  border: 1px solid currentColor;
  border-radius: 8px;
  color: inherit;
  font-size: .8rem;
}
.language-switcher a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 2.4rem;
  min-height: 2.4rem;
  padding: .25rem .4rem;
  border-radius: 5px;
  color: inherit;
  font-family: "Noto Sans Thai", "Tahoma", sans-serif;
  text-decoration: none;
}
.language-switcher a[aria-current="page"] {
  color: #071018;
  background: #42e36d;
  font-weight: 700;
}
.language-switcher a:hover { text-decoration: underline; }
.language-switcher a:focus-visible { outline: 2px solid currentColor; outline-offset: 3px; }
.site-header .site-nav { order: 2; }
.site-header .mobile-menu-toggle { order: 4; flex-shrink: 0; }
body:has(.section--post) .language-switcher { color: var(--ink-dark); }
.language-note { margin-bottom: 1.5rem; }

html[lang="th"] {
  --font-body: "Noto Sans Thai", "Tahoma", sans-serif;
  --font-heading: "Noto Sans Thai", "Tahoma", sans-serif;
}
html[lang="th"] body { line-height: 1.8; }
html[lang="th"] :is(h1, h2, h3, .brand-copy, .btn, .nav-menu a) { line-height: 1.45; }
html[lang="th"] :is(h1, h2, h3, .eyebrow, .brand-copy span, .nav-menu a, .btn, .film-kicker, .footer-label, .post-meta, .product-mail-label span, figcaption) { letter-spacing: normal; }
html[lang="th"] .nav-menu a { white-space: nowrap; padding-inline: .65rem; }
html[lang="th"] .hero-copy h1 { font-size: clamp(2.4rem, 4.5vw, 4.8rem); }

@media (max-width: 1100px) and (min-width: 861px) {
  .site-header .brand-copy span { display: none; }
  .site-header .nav-container { gap: .4rem; }
  .site-header .nav-menu a { padding-inline: .45rem; letter-spacing: normal; }
}
@media (max-width: 860px) {
  .language-switcher { margin-left: auto; }
  .site-header .nav-container { gap: .6rem; }
}
@media (max-width: 420px) {
  .site-header .nav-container { gap: .35rem; }
  .site-header .brand { gap: .4rem; }
  .site-header .brand-mark { width: 2rem; height: 2rem; }
  .site-header .brand-copy strong { font-size: .8rem; }
  .language-switcher a { min-width: 2rem; padding-inline: .2rem; }
}
/* English character-count limits make Thai headings unnecessarily narrow. */
html[lang="th"] :is(h1, h2, h3) { max-width: 100%; }