/* ===== VIETNAMESE FONT FIX ===== */

/* Ensure proper font rendering for Vietnamese characters */
* {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
}

/* Force UTF-8 encoding for all text elements */
body, html {
    charset: utf-8;
}

/* Specific font stack for Vietnamese characters */
.vietnamese-text,
.nav-link,
.dropdown-item,
.navbar-nav .nav-link,
.main-nav .navbar-nav .nav-link,
.main-nav .dropdown-item {
    font-family: 'Inter', 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji' !important;
    font-feature-settings: "kern" 1;
    font-kerning: normal;
    font-variant-ligatures: common-ligatures;
}

/* Fix for Vietnamese diacritics in navigation */
.main-nav .navbar-nav .nav-link {
    letter-spacing: 0.025em;
    font-weight: 500;
    line-height: 1.5;
}

/* Fix for dropdown items */
.main-nav .dropdown-item {
    letter-spacing: 0.01em;
    line-height: 1.4;
}

/* Badge text fix */
.badge {
    font-family: 'Inter', 'Roboto', sans-serif !important;
    font-weight: 500;
}

/* Mobile font fixes */
@media (max-width: 768px) {
    .main-nav .navbar-nav .nav-link {
        letter-spacing: 0.01em;
        line-height: 1.4;
    }
    
    .main-nav .dropdown-item {
        letter-spacing: 0.005em;
        line-height: 1.3;
    }
}

/* Force browser to use system fonts for Vietnamese if web fonts fail */
@supports not (font-feature-settings: "kern") {
    .vietnamese-text,
    .nav-link,
    .dropdown-item {
        font-family: system-ui, -apple-system, sans-serif !important;
    }
}