/* =============================================================
 *  ฟอนต์ทั้งหมดของระบบ — โหลดจากเครื่องเรา ไม่มี CDN
 *
 *  ทำไม: เครือข่ายของ Siamtaco ไม่ยอมให้ยิงออกนอก ถ้าพึ่ง Google Fonts
 *  หน้าเว็บจะไม่มีฟอนต์และไอคอนเลย (ไอคอนจะกลายเป็นข้อความ เช่นคำว่า "search")
 *
 *  ไฟล์ฟอนต์อยู่ที่ public/assets/fonts/ — ดาวน์โหลดครั้งเดียวแล้ว commit ไว้
 *  ถ้าต้องอัปเดต ให้ดูวิธีที่ docs/fonts.md
 *
 *  ── มีอะไรบ้าง ──
 *  Material Symbols Rounded  ไอคอนทั้งระบบ (คลาส .ms และ .material-symbols-rounded)
 *  Sarabun                   ตัวอักษรทั้งระบบ (ตัวแปร --font ใน desktop_style.css)
 * ============================================================= */

/* -------------------------------------------------------------
 *  ไอคอน — Material Symbols Rounded (ฟอนต์ตัวแปร มีไอคอนครบทุกตัว)
 * ------------------------------------------------------------- */
@font-face {
    font-family: 'Material Symbols Rounded';
    font-style: normal;
    font-weight: 100 700;
    font-display: block;
    src: url(../fonts/material-symbols-rounded.woff2) format('woff2');
}

/* คลาสมาตรฐานของ Google — ต้องมี เพราะ template เรียกใช้ทั้ง .ms และชื่อเต็มนี้
   (.ms นิยามไว้แล้วใน desktop_style.css ส่วนนี้เผื่อที่ใช้ชื่อเต็ม) */
.material-symbols-rounded {
    font-family: 'Material Symbols Rounded';
    font-weight: normal;
    font-style: normal;
    font-size: 24px;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    -webkit-font-feature-settings: 'liga';
    -webkit-font-smoothing: antialiased;
}

/* -------------------------------------------------------------
 *  ตัวอักษร — Sarabun (เอาเฉพาะ subset ไทยกับละติน
 *  ตัด vietnamese / latin-ext ทิ้ง เพราะระบบนี้ไม่ได้ใช้)
 * ------------------------------------------------------------- */

/* thai */
@font-face {
    font-family: 'Sarabun';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url(../fonts/sarabun/sarabun-300-thai.woff2) format('woff2');
    unicode-range: U+02D7, U+0303, U+0331, U+0E01-0E5B, U+200C-200D, U+25CC;
}

/* latin */
@font-face {
    font-family: 'Sarabun';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url(../fonts/sarabun/sarabun-300-latin.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* thai */
@font-face {
    font-family: 'Sarabun';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(../fonts/sarabun/sarabun-400-thai.woff2) format('woff2');
    unicode-range: U+02D7, U+0303, U+0331, U+0E01-0E5B, U+200C-200D, U+25CC;
}

/* latin */
@font-face {
    font-family: 'Sarabun';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(../fonts/sarabun/sarabun-400-latin.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* thai */
@font-face {
    font-family: 'Sarabun';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url(../fonts/sarabun/sarabun-500-thai.woff2) format('woff2');
    unicode-range: U+02D7, U+0303, U+0331, U+0E01-0E5B, U+200C-200D, U+25CC;
}

/* latin */
@font-face {
    font-family: 'Sarabun';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url(../fonts/sarabun/sarabun-500-latin.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* thai */
@font-face {
    font-family: 'Sarabun';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url(../fonts/sarabun/sarabun-600-thai.woff2) format('woff2');
    unicode-range: U+02D7, U+0303, U+0331, U+0E01-0E5B, U+200C-200D, U+25CC;
}

/* latin */
@font-face {
    font-family: 'Sarabun';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url(../fonts/sarabun/sarabun-600-latin.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* thai */
@font-face {
    font-family: 'Sarabun';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(../fonts/sarabun/sarabun-700-thai.woff2) format('woff2');
    unicode-range: U+02D7, U+0303, U+0331, U+0E01-0E5B, U+200C-200D, U+25CC;
}

/* latin */
@font-face {
    font-family: 'Sarabun';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(../fonts/sarabun/sarabun-700-latin.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* thai */
@font-face {
    font-family: 'Sarabun';
    font-style: normal;
    font-weight: 800;
    font-display: swap;
    src: url(../fonts/sarabun/sarabun-800-thai.woff2) format('woff2');
    unicode-range: U+02D7, U+0303, U+0331, U+0E01-0E5B, U+200C-200D, U+25CC;
}

/* latin */
@font-face {
    font-family: 'Sarabun';
    font-style: normal;
    font-weight: 800;
    font-display: swap;
    src: url(../fonts/sarabun/sarabun-800-latin.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}