/**
 * CSS fix for Vietnamese font display in H5P Interaction Tools
 * Ensures proper rendering of Vietnamese characters with diacritics
 */

/* Import Google Fonts for Vietnamese support */
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap');

/* Apply Vietnamese-friendly fonts to text elements only, excluding icons */
body {
    font-family: 'Roboto', 'Segoe UI', Arial, 'Noto Sans', sans-serif !important;
}

/* Specifically target form elements that may have display issues */
input[type="text"],
input[type="number"],
select,
textarea,
button,
label,
.generaltable,
.generaltable th,
.generaltable td,
p, div:not([class*="icon"]):not([class*="fa-"]),
span:not([class*="icon"]):not([class*="fa-"]) {
    font-family: 'Roboto', 'Segoe UI', Arial, 'Noto Sans', sans-serif !important;
}

/* Ensure proper encoding for select dropdowns */
select option {
    font-family: 'Roboto', 'Segoe UI', Arial, 'Noto Sans', sans-serif !important;
}

/* Fix for headings */
h1, h2, h3, h4, h5, h6 {
    font-family: 'Roboto', 'Segoe UI', Arial, 'Noto Sans', sans-serif !important;
}

/* Badge and notification elements */
.badge,
.alert {
    font-family: 'Roboto', 'Segoe UI', Arial, 'Noto Sans', sans-serif !important;
}