/*
 * Lạc Hồng Font Dự Phòng Đa Nền Tảng
 * Không chứa webfont; chỉ dùng chuỗi font có sẵn trên thiết bị.
 */

:root {
    --lh-font-sans-brand: "Be Vietnam Pro", Inter, "SF Pro Text", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    --lh-font-sans-system: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    --lh-font-serif-brand: "Playfair Display", Georgia, Cambria, "Times New Roman", Times, "Noto Serif", serif;
}

/* Giúp kích thước chữ ổn định hơn trên Safari/iOS và các trình duyệt di động. */
html {
    -webkit-text-size-adjust: 100%;
    text-size-adjust: 100%;
}

/* Cân bằng: giữ tinh thần nhận diện nhưng luôn có font dự phòng. */
body.lh-font-fallback--balanced,
body.lh-font-fallback--balanced .nav > li > a,
body.lh-font-fallback--balanced .ux-menu-link__link,
body.lh-font-fallback--balanced .header-nav,
body.lh-font-fallback--balanced .mobile-nav,
body.lh-font-fallback--balanced .footer,
body.lh-font-fallback--balanced .button,
body.lh-font-fallback--balanced button,
body.lh-font-fallback--balanced input,
body.lh-font-fallback--balanced select,
body.lh-font-fallback--balanced textarea,
body.lh-font-fallback--balanced .woocommerce,
body.lh-font-fallback--balanced .woocommerce-page {
    font-family: var(--lh-font-sans-brand);
}

body.lh-font-fallback--balanced h1,
body.lh-font-fallback--balanced h2,
body.lh-font-fallback--balanced h3,
body.lh-font-fallback--balanced .section-title-main,
body.lh-font-fallback--balanced .banner h1,
body.lh-font-fallback--balanced .banner h2,
body.lh-font-fallback--balanced .banner h3 {
    font-family: var(--lh-font-serif-brand);
}

/* Tối thiểu: không thay font nội dung trong UX Builder, chỉ chuẩn hóa thành phần giao diện. */
body.lh-font-fallback--minimal button,
body.lh-font-fallback--minimal input,
body.lh-font-fallback--minimal select,
body.lh-font-fallback--minimal textarea,
body.lh-font-fallback--minimal .button,
body.lh-font-fallback--minimal .nav > li > a,
body.lh-font-fallback--minimal .ux-menu-link__link,
body.lh-font-fallback--minimal .woocommerce-message,
body.lh-font-fallback--minimal .woocommerce-error,
body.lh-font-fallback--minimal .woocommerce-info {
    font-family: var(--lh-font-sans-system);
}

/* Hệ thống: độ ổn định cao nhất trên mọi nền tảng. */
body.lh-font-fallback--system,
body.lh-font-fallback--system h1,
body.lh-font-fallback--system h2,
body.lh-font-fallback--system h3,
body.lh-font-fallback--system h4,
body.lh-font-fallback--system h5,
body.lh-font-fallback--system h6,
body.lh-font-fallback--system button,
body.lh-font-fallback--system input,
body.lh-font-fallback--system select,
body.lh-font-fallback--system textarea,
body.lh-font-fallback--system .button,
body.lh-font-fallback--system .nav > li > a,
body.lh-font-fallback--system .ux-menu-link__link,
body.lh-font-fallback--system .woocommerce,
body.lh-font-fallback--system .woocommerce-page {
    font-family: var(--lh-font-sans-system);
}

/* Tránh cắt dấu tiếng Việt ở tiêu đề/nút có line-height quá thấp. */
body.lh-font-fallback button,
body.lh-font-fallback .button,
body.lh-font-fallback input,
body.lh-font-fallback select,
body.lh-font-fallback textarea {
    line-height: 1.35;
}

body.lh-font-fallback h1,
body.lh-font-fallback h2,
body.lh-font-fallback h3,
body.lh-font-fallback h4,
body.lh-font-fallback h5,
body.lh-font-fallback h6 {
    overflow-wrap: break-word;
    text-wrap: balance;
}