/* ===== THS LANGUAGE-SAFE HEADING HOTFIX =====
 * Root cause: Vietnamese titles are not broken by module content.
 * The same drift appears across unrelated modules that share the heading foundation.
 * Use a full-glyph-safe heading stack for Vietnamese pages to avoid mixed-font fallback
 * on accented characters such as ệ, ố, ế.
 */

html[lang^="vi"]{
  --ths-font-heading-vi: "Times New Roman", Georgia, serif;
}

html[lang^="vi"] :where(
  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  .entry-title,
  .section-title,
  .ths-heading,
  .ths-section-title,
  .ths-title,
  .ths-price-menu__title,
  .ths-vc__title,
  .ths-vc__contactTitle,
  .ths-vc__wechatTitle,
  .ths-branches__title,
  .ths-about-spa__title,
  .ths-faq__title,
  .ths-videos__title,
  .ths-footer-title
){
  font-family: var(--ths-font-heading-vi) !important;
  letter-spacing: -0.02em !important;
  word-spacing: normal !important;
  font-kerning: normal;
  font-feature-settings: "kern" 1, "liga" 1, "clig" 1;
  text-rendering: optimizeLegibility;
}

/* PHASE 1 MOBILE PATCH */
@media(max-width:768px){
  .booking-layout{display:flex!important;flex-direction:column!important;}
  .booking-right{position:relative!important;top:auto!important;}
  .summary-footer{position:fixed;bottom:0;left:0;right:0;background:#fff;z-index:999;padding:12px;}
  .service-chip{font-size:16px!important;padding:10px 14px!important;margin:4px;}
}