/* Noto Sans Lao Looped Font */
/* Local font files for Lao language support */

@font-face {
    font-family: 'Noto Sans Lao Looped';
    src: url('../fonts/lao/NotoSansLaoLooped-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Noto Sans Lao Looped';
    src: url('../fonts/lao/NotoSansLaoLooped-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Noto Sans Lao Looped';
    src: url('../fonts/lao/NotoSansLaoLooped-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Noto Sans Lao Looped';
    src: url('../fonts/lao/NotoSansLaoLooped-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Noto Sans Lao Looped';
    src: url('../fonts/lao/NotoSansLaoLooped-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

/* Fallback to Google Fonts CDN if local fonts fail to load */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Lao+Looped:wght@100;200;300;400;500;600;700;800;900&display=swap');

/* Apply Lao font to body and all elements */
body.lao-font,
body.lao-font * {
    font-family: 'Noto Sans Lao Looped', 'Roboto', sans-serif !important;
}

/* Specific selectors for better targeting */
.lao-text,
[lang="lo"],
[lang="lo-LA"] {
    font-family: 'Noto Sans Lao Looped', 'Roboto', sans-serif !important;
}

/* Ensure proper rendering of Lao script */
body.lao-font {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
}

/* DataTable and form elements with Lao font */
body.lao-font table,
body.lao-font .form-control,
body.lao-font .btn,
body.lao-font input,
body.lao-font textarea,
body.lao-font select,
body.lao-font .modal,
body.lao-font .dropdown-item,
body.lao-font .nav-link {
    font-family: 'Noto Sans Lao Looped', 'Roboto', sans-serif !important;
}

/* Preserve icon fonts */
body.lao-font [class*="icon-"],
body.lao-font .fa,
body.lao-font .dripicons {
    font-family: 'FontAwesome', 'dripicons-v2' !important;
}