/* MAS-FONT-P01 | Global Vietnamese Typography | danangmassage.vn
 * Final scoped typography layer for Home, all Money Pages (including areas),
 * public content and Admin. Does not alter size, colors, booking or contact UI.
 * Be Vietnam Pro & Noto Serif are loaded by <link> in Blade; robust OS fallbacks.
 */
:root {
  --mas-font-p01-sans: "Be Vietnam Pro", "Segoe UI", Tahoma, Arial, sans-serif;
  --mas-font-p01-serif: "Noto Serif", Georgia, "Times New Roman", serif;
}
/* Global body stacks. Legacy Home styles use --sans/--serif tokens. */
body.mas-home-ui {
  --sans: var(--mas-font-p01-sans);
  --serif: var(--mas-font-p01-serif);
  font-family: var(--mas-font-p01-sans) !important;
  font-synthesis: none;
}
body.mas-money,
body.mas-money.mas-area-f03,
body.mas-public-mode,
body.mas-admin-mode {
  font-family: var(--mas-font-p01-sans) !important;
  font-synthesis: none;
}
/* All ordinary UI text and forms stay in the same Vietnamese-capable sans family. */
body.mas-home-ui :is(button, input, select, textarea, label),
body.mas-money :is(button, input, select, textarea, label),
body.mas-public-mode :is(button, input, select, textarea, label),
body.mas-admin-mode :is(button, input, select, textarea, label) {
  font-family: var(--mas-font-p01-sans) !important;
}
/* Home: retain existing heading sizes and section spacing. */
body.mas-home-ui :is(h1, h2, h3, .brand-name, .brand-name strong) {
  font-family: var(--mas-font-p01-serif) !important;
  font-synthesis: none;
  letter-spacing: -0.006em;
  overflow-wrap: break-word;
}
body.mas-home-ui .hero h1 {
  line-height: 1.2 !important;
  letter-spacing: -0.009em !important;
}
body.mas-home-ui :is(.section-heading h2, .booking-heading h2, .faq-visual h2, .bottom-cta h2) {
  line-height: 1.28 !important;
}
body.mas-home-ui :is(.site-header .main-nav, .site-footer, .hero-lead, .booking-card, .money-card-link) {
  font-family: var(--mas-font-p01-sans);
}
/* Money Pages: override legacy system-ui !important and separate area-specific typography. */
body.mas-money :is(.money-brand, .money-hero h1, .money-section h2,
    .money-longform h2, .money-longform h3, .money-richcopy > h3,
    .money-bottom-cta h2, .money-faq h2, .money-price-card h3,
    .money-footer h3, .money-contact-panel h2) {
  font-family: var(--mas-font-p01-serif) !important;
  font-weight: 700 !important;
  font-synthesis: none;
  letter-spacing: -0.008em !important;
  overflow-wrap: break-word;
  word-break: normal;
}
body.mas-money .money-hero h1,
body.mas-money.mas-area-f03 .money-hero h1 {
  font-family: var(--mas-font-p01-serif) !important;
  font-weight: 700 !important;
  letter-spacing: -0.01em !important;
  line-height: 1.23 !important;
}
body.mas-money :is(.money-longform h2, .money-section h2, .money-faq h2) {
  line-height: 1.37;
}
body.mas-money :is(.money-longform h3, .money-richcopy > h3) {
  line-height: 1.48;
}
body.mas-money :is(.money-richcopy, .money-copy, .money-longform,
    .money-toc-card, .money-mobile-toc, .money-nav, .money-footer,
    .money-contact-panel, .money-breadcrumb, .money-btn),
body.mas-money.mas-area-f03 :is(.money-richcopy, .money-richcopy p,
    .money-richcopy li, .money-longform, .money-copy),
body.mas-money .money-side :is(.money-toc-title, .money-toc-link),
body.mas-money .money-mobile-toc :is(summary, .money-toc-link) {
  font-family: var(--mas-font-p01-sans) !important;
}
/* Shared content pages, Admin: prevent unauthorised 'Inter' fallback changes. */
body.mas-public-mode :is(h1, h2, h3) {
  font-family: var(--mas-font-p01-serif) !important;
  letter-spacing: -.006em;
  line-height: 1.35;
}
body.mas-admin-mode :is(.mas-admin-shell, .mas-admin-workspace, .mas-admin-sidebar,
    .mas-admin-topbar, .mas-admin-footer, .mas-admin-mode h1, h1, h2, h3,
    table, .card, .notice) {
  font-family: var(--mas-font-p01-sans) !important;
}
/* Preserve the established 5-button contact bar exactly as closely as possible:
 * its labels used to inherit Segoe UI on Home and system-ui on Money Pages. */
body.mas-home-ui .mas-cdock { font-family: "Segoe UI", Tahoma, Arial, sans-serif !important; }
body.mas-money .mas-cdock,
body.mas-public-mode .mas-cdock { font-family: system-ui, -apple-system, "Segoe UI", Arial, sans-serif !important; }
/* Mobile: protect Vietnamese diacritics; do NOT change widths, cards or sticky offsets. */
@media (max-width: 760px) {
  body.mas-home-ui .hero h1,
  body.mas-money .money-hero h1 { letter-spacing: 0 !important; }
  body.mas-home-ui :is(.section-heading h2, .booking-heading h2),
  body.mas-money :is(.money-longform h2, .money-section h2) { letter-spacing: 0 !important; }
}