@charset "utf-8";
/* CSS Document */

/* Import Noto Sans Lao from Google Fonts (fallback for local environments) */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Lao:wght@100;200;300;400;500;600;700;800;900&display=swap');

/* Self-hosted fallback for cloud/restricted servers — place NotoSansLao-Regular.ttf in /public/fonts/ */
@font-face {
    font-family: 'Noto Sans Lao';
    src: url('../fonts/NotoSansLao-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Noto Sans Lao';
    src: url('../fonts/NotoSansLao-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

/* 
   MINIMAL Lao font application - ONLY to pure text elements.
   Do NOT apply to container elements (a, li, button) as they may have icons.
*/

/* Text-only elements that never contain icons */
h1, h2, h3, h4, h5, h6,
p,
label,
td, th,
textarea, input[type="text"], input[type="email"], input[type="password"],
input[type="search"], input[type="number"], input[type="date"],
select {
    font-family: 'Noto Sans Lao', sans-serif;
}

/* Sidebar text - apply only to text spans, NOT to icon containers */
.sidebar-menu > li > a > span:not([class*="icon"]) {
    font-family: 'Noto Sans Lao', sans-serif;
}

.treeview-menu > li > a > span {
    font-family: 'Noto Sans Lao', sans-serif;
}

/* Use class-based approach for optional Lao styling */
.lao-text {
    font-family: 'Noto Sans Lao', sans-serif !important;
    font-feature-settings: "liga" 1, "calt" 1;
    -webkit-font-feature-settings: "liga" 1, "calt" 1;
    text-rendering: optimizeLegibility;
}

/* FORCE: Reset all icon/glyph elements to default font */
i,
i[class*="icon-"],
i[class*="icon-"] *,
.icon-*,
[class*="icon-"],
[class*="icon-"] *,
.fa,
.fa-*,
.path1, .path2, .path3, .path4, .path5,
.path6, .path7, .path8, .path9, .path10,
svg, svg * {
    font-family: Arial, Helvetica, sans-serif !important;
}