/**
 * FS PFBeauSansPro Font Definition & Icon Protection
 * Thống nhất chuẩn Typography toàn hệ thống CSDL Di tích - Văn hóa
 */
@font-face {
    font-family: 'FS PFBeauSansPro';
    src: local('FS PFBeauSansPro Regular'),
         local('FS-PFBeauSansPro-Regular'),
         url('../fonts/pfbeausans/FS-PFBeauSansPro-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'FS PFBeauSansPro';
    src: local('FS PFBeauSansPro SemiBold'),
         local('FS-PFBeauSansPro-SemiBold'),
         url('../fonts/pfbeausans/FS-PFBeauSansPro-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'FS PFBeauSansPro';
    src: local('FS PFBeauSansPro Bold'),
         local('FS-PFBeauSansPro-Bold'),
         url('../fonts/pfbeausans/FS-PFBeauSansPro-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

/* Biến CSS chuẩn Font chữ */
:root {
    --font-primary: 'FS PFBeauSansPro', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    --font-sans: 'FS PFBeauSansPro', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    --font-serif: 'FS PFBeauSansPro', Georgia, serif;
}

/* Áp dụng font FS PFBeauSansPro toàn cục cho các phần tử văn bản */
html, body,
h1, h2, h3, h4, h5, h6,
p, a, blockquote, q,
ul, ol, li, dl, dt, dd,
input, button, select, textarea, label,
table, th, td, caption,
nav, header, footer, section, article,
.font-sans, .font-serif {
    font-family: 'FS PFBeauSansPro', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}

/* Tối ưu render chữ tiếng Việt */
body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
}

/* =========================================================================
   BẢO VỆ TUYỆT ĐỐI BỘ ICON FONTAWESOME (Tránh bị đè font)
   ========================================================================= */
.fa, .fas, .far, .fal, .fad, .fab,
.fa-solid, .fa-regular, .fa-light, .fa-thin, .fa-duotone, .fa-brands,
[class^="fa-"], [class*=" fa-"],
i[class*="fa-"], span[class*="fa-"] {
    font-family: "Font Awesome 6 Free", "Font Awesome 6 Brands", "FontAwesome" !important;
    font-style: normal !important;
    font-variant: normal !important;
    text-rendering: auto !important;
    line-height: 1 !important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.fa-brands, [class*="fa-brands"] {
    font-family: "Font Awesome 6 Brands", "FontAwesome" !important;
}

/* Bộ icon SVG xịn xò: Tối ưu hiển thị vector chuẩn nét */
.bns-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    vertical-align: middle;
    flex-shrink: 0;
}