:root,
:host {
  /* Default (Thai-first site): Thai script + Latin fallback */
  --font-sans: 'Noto Sans Thai', 'Noto Sans', ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol',
    'Noto Color Emoji';
}

:lang(en) {
  --font-sans: 'Noto Sans', 'Noto Sans Thai', ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol',
    'Noto Color Emoji';
}

:lang(th) {
  --font-sans: 'Noto Sans Thai', 'Noto Sans', ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol',
    'Noto Color Emoji';
}

:lang(my) {
  --font-sans: 'Noto Sans Myanmar', 'Noto Sans', 'Noto Sans Thai', ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji',
    'Segoe UI Symbol', 'Noto Color Emoji';
}

.custom-top-padding {
  padding-top: 4.5rem;
}

  /* Remove top padding for mobile – no fixed header bar to clear */
  @media (max-width: 768px) {
    .custom-top-padding {
      padding-top: 1.2rem;
    }
  }