/**
 * Vietnamese Typography Enhancement
 * Font chính: Be Vietnam Pro (thiết kế riêng cho tiếng Việt)
 * Fallback: Roboto, Open Sans (đều hỗ trợ tiếng Việt đầy đủ)
 * Cập nhật: 2026-08-23 — chuyển từ serif (Times New Roman) sang sans-serif hiện đại
 */

/* ============================================
   0. FONT-FACE - BE VIETNAM PRO (SELF-HOSTED)
   ============================================ */
/* vietnamese subset — phủ đầy đủ dấu tiếng Việt */
@font-face {
    font-family: 'Be Vietnam Pro';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('//bsgdtphcm.vn/ojs/plugins/themes/healthSciences/libs/fonts/bevietnampro/bevietnampro-400-vietnamese.woff2') format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
@font-face {
    font-family: 'Be Vietnam Pro';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url('//bsgdtphcm.vn/ojs/plugins/themes/healthSciences/libs/fonts/bevietnampro/bevietnampro-500-vietnamese.woff2') format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
@font-face {
    font-family: 'Be Vietnam Pro';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url('//bsgdtphcm.vn/ojs/plugins/themes/healthSciences/libs/fonts/bevietnampro/bevietnampro-600-vietnamese.woff2') format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
@font-face {
    font-family: 'Be Vietnam Pro';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url('//bsgdtphcm.vn/ojs/plugins/themes/healthSciences/libs/fonts/bevietnampro/bevietnampro-700-vietnamese.woff2') format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin subset — chữ không dấu, số, ký hiệu */
@font-face {
    font-family: 'Be Vietnam Pro';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('//bsgdtphcm.vn/ojs/plugins/themes/healthSciences/libs/fonts/bevietnampro/bevietnampro-400-latin.woff2') format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
    font-family: 'Be Vietnam Pro';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url('//bsgdtphcm.vn/ojs/plugins/themes/healthSciences/libs/fonts/bevietnampro/bevietnampro-500-latin.woff2') format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
    font-family: 'Be Vietnam Pro';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url('//bsgdtphcm.vn/ojs/plugins/themes/healthSciences/libs/fonts/bevietnampro/bevietnampro-600-latin.woff2') format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
    font-family: 'Be Vietnam Pro';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url('//bsgdtphcm.vn/ojs/plugins/themes/healthSciences/libs/fonts/bevietnampro/bevietnampro-700-latin.woff2') format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* ============================================
   1. MAIN BODY FONT - BE VIETNAM PRO
   ============================================ */

:root {
    --pntu-green: #008751;
    --pntu-green-dark: #006d41;
    --pntu-green-soft: #eafaf3;
    --pntu-ink: #24332d;
    --pntu-muted: #66736d;
    --pntu-border: rgba(0, 135, 81, 0.14);
    --pntu-radius: 12px;
    --pntu-shadow: 0 10px 25px rgba(0, 135, 81, 0.08), 0 3px 10px rgba(0, 0, 0, 0.06);
}

body {
    font-family:
        "Be Vietnam Pro",
        "Roboto",
        "Open Sans",
        -apple-system, BlinkMacSystemFont,
        "Segoe UI",
        "Helvetica Neue",
        Arial,
        sans-serif !important;

    /* Cải thiện rendering cho dấu tiếng Việt */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
    font-feature-settings: "kern" 1, "liga" 1;
}

/* ============================================
   2. HEADINGS
   ============================================ */

h1, h2, h3, h4, h5, h6 {
    font-family:
        "Be Vietnam Pro",
        "Roboto",
        "Open Sans",
        -apple-system, BlinkMacSystemFont,
        "Segoe UI",
        "Helvetica Neue",
        Arial,
        sans-serif !important;

    font-weight: 600;
    line-height: 1.3;
    letter-spacing: 0;
}

/* Headings lớn dùng weight đậm hơn cho nổi bật */
h1 {
    font-weight: 700;
}

/* ============================================
   3. ARTICLE CONTENT
   ============================================ */

.article-content,
.article-details,
.article-main-text,
.article-abstract,
.galley-content,
.page-content,
.announcement-main-content,
.obj_article_details .main_entry {
    font-family:
        "Be Vietnam Pro",
        "Roboto",
        "Open Sans",
        -apple-system, BlinkMacSystemFont,
        "Segoe UI",
        "Helvetica Neue",
        Arial,
        sans-serif !important;

    font-size: 16px;
    line-height: 1.6;
    color: #2c3e50;
}

/* ============================================
   4. NAVIGATION & UI
   ============================================ */

.navbar,
.nav,
.dropdown-menu,
.btn,
.badge,
.alert,
.card-header,
.breadcrumb,
.pagination,
.form-control,
.form-label,
input,
select,
textarea {
    font-family:
        "Be Vietnam Pro",
        "Roboto",
        "Open Sans",
        -apple-system, BlinkMacSystemFont,
        "Segoe UI",
        "Helvetica Neue",
        Arial,
        sans-serif !important;
}

/* ============================================
   5. VIETNAMESE DIACRITICS OPTIMIZATION
   ============================================ */

/* Đảm bảo dấu tiếng Việt hiển thị đúng */
body,
input,
textarea,
select,
button {
    font-variant-ligatures: normal;
    font-variant-caps: normal;
    font-variant-numeric: normal;
    font-variant-alternates: normal;
    font-feature-settings: "calt" 1, "kern" 1, "liga" 1;
}

/* Cải thiện spacing cho các ký tự có dấu */
p, div, span, li, td, th {
    word-spacing: 0.05em;
    letter-spacing: 0.01em;
}

/* ============================================
   6. RESPONSIVE FONT SIZES
   ============================================ */

/* Desktop */
@media (min-width: 1200px) {
    body {
        font-size: 16px;
        line-height: 1.6;
    }

    h1 { font-size: 2.5rem; }
    h2 { font-size: 2rem; }
    h3 { font-size: 1.75rem; }
}

/* Tablet */
@media (min-width: 768px) and (max-width: 1199px) {
    body {
        font-size: 15px;
        line-height: 1.55;
    }

    h1 { font-size: 2.25rem; }
    h2 { font-size: 1.85rem; }
    h3 { font-size: 1.6rem; }
}

/* Mobile */
@media (max-width: 767px) {
    body {
        font-size: 14px;
        line-height: 1.5;
    }

    h1 { font-size: 2rem; }
    h2 { font-size: 1.7rem; }
    h3 { font-size: 1.5rem; }
}

/* ============================================
   7. VIETNAMESE TEXT CONTEXT
   ============================================ */

[lang="vi"],
[lang="vi-VN"],
.vietnamese-text {
    font-family:
        "Be Vietnam Pro",
        "Roboto",
        "Open Sans",
        sans-serif !important;

    /* Tăng line-height để dấu không bị cắt */
    line-height: 1.65;

    /* Tối ưu rendering */
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
}

/* ============================================
   8. PRINT STYLES
   ============================================ */

@media print {
    body {
        font-family: "Be Vietnam Pro", "Roboto", "Open Sans", sans-serif !important;
        font-size: 12pt;
        line-height: 1.4;
        color: #000;
    }

    h1, h2, h3, h4, h5, h6 {
        font-family: "Be Vietnam Pro", "Roboto", "Open Sans", sans-serif !important;
        page-break-after: avoid;
    }
}

/* ============================================
   9. ACCESSIBILITY IMPROVEMENTS
   ============================================ */

/* Tăng contrast cho người khó nhìn */
@media (prefers-contrast: high) {
    body {
        color: #000;
        background: #fff;
    }
}

/* Giảm animation cho người nhạy cảm với chuyển động */
@media (prefers-reduced-motion: reduce) {
    * {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
    }
}