/* ════════════════════════════════════════════════════════════
   F-House Typography
   Be Vietnam Pro — Vietnamese-first, modern sans-serif
   ════════════════════════════════════════════════════════════ */

:root {
  --fh-font-sans: 'Be Vietnam Pro', -apple-system, BlinkMacSystemFont,
                  'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
}

/* Base — body & generic text
   Astra inserts inline `body, button, input, select, textarea, .ast-button, .ast-custom-button { font-family: ... }`
   So we MUST use !important to win against same-specificity inline-after-our-stylesheet. */
body,
body button,
body input,
body textarea,
body select,
body .ast-button,
body .ast-custom-button,
.entry-content,
.ast-container {
  font-family: var(--fh-font-sans) !important;
  font-feature-settings: 'kern' 1, 'liga' 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}

/* Headings — same family, slight weight bias */
body h1, body h2, body h3, body h4, body h5, body h6,
.entry-title,
.ast-archive-title,
.ast-single-post-title,
.fh-heading,
.fh-hero__title,
.fhp-card__title,
.fhpf-card__title,
.fhpf-hero__title {
  font-family: var(--fh-font-sans) !important;
  font-feature-settings: 'kern' 1, 'liga' 1, 'ss01' 1;
}

/* /du-an/ legacy page hard-codes 'Rubik' inline — override */
.fhp-wrap, .fhp-wrap * {
  font-family: var(--fh-font-sans) !important;
}

/* Astra header navigation */
.main-header-bar .ast-nav-menu > li > a,
.ast-primary-header-bar .ast-nav-menu > li > a,
.main-header-bar .ast-nav-menu .sub-menu li a,
.ast-primary-header-bar .ast-nav-menu .sub-menu li a,
.main-header-menu,
.main-navigation {
  font-family: var(--fh-font-sans);
}

/* Override Astra Customizer Helvetica fallback */
.ast-default-menu-enable .ast-builder-menu-1,
.ast-default-menu-enable .main-header-bar {
  font-family: var(--fh-font-sans);
}