/* ════════════════════════════════════════════════════════════
   ฟอนต์ — โฮสต์เอง ไม่มี request ออกนอก origin
   ยกมาจาก AliceLium ตามที่เป็น เปลี่ยนแค่พาธ (/static/fonts → ../fonts)

   ★ Prompt ตัดเป็นไทย/ละตินแยกไฟล์ต่อน้ำหนัก ★ เบราว์เซอร์โหลดเฉพาะชุด
   ที่หน้านั้นใช้จริงผ่าน unicode-range — หน้าที่มีแต่ไทยจะไม่โหลดละตินเลย

   ⚠️ material-symbols-rounded.woff2 เป็นฟอนต์ที่ *ตัดเหลือเฉพาะไอคอนที่
      AliceLium ใช้* (155 ตัว) ⚠️ ใช้ไอคอนนอกชุดนี้แล้วมันจะโผล่เป็น
      ตัวหนังสือดิบให้ผู้ใช้เห็น (เช่นคำว่า "cloud_off") ไม่ใช่ช่องว่าง
      วิธีตัดชุดใหม่: scripts/build_fonts.py ในโปรเจกต์ AliceLium
      วิธีเช็กว่าไอคอนอยู่ในชุดไหม: อ่านตาราง GSUB ด้วย fontTools
      (ตัวอย่างอยู่ที่ tests/test_assets.py:test_every_icon_used_is_in_the_subset)
   ════════════════════════════════════════════════════════════ */

@font-face {
  font-family: 'Prompt';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('../fonts/prompt-thai-400.woff2') format('woff2');
  unicode-range: U+02D7, U+0303, U+0331, U+0E01-0E5B, U+200C-200D, U+25CC;
}
@font-face {
  font-family: 'Prompt';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('../fonts/prompt-latin-400.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;
}
@font-face {
  font-family: 'Prompt';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('../fonts/prompt-thai-500.woff2') format('woff2');
  unicode-range: U+02D7, U+0303, U+0331, U+0E01-0E5B, U+200C-200D, U+25CC;
}
@font-face {
  font-family: 'Prompt';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('../fonts/prompt-latin-500.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;
}
@font-face {
  font-family: 'Prompt';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('../fonts/prompt-thai-600.woff2') format('woff2');
  unicode-range: U+02D7, U+0303, U+0331, U+0E01-0E5B, U+200C-200D, U+25CC;
}
@font-face {
  font-family: 'Prompt';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('../fonts/prompt-latin-600.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;
}
@font-face {
  font-family: 'Prompt';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('../fonts/prompt-thai-700.woff2') format('woff2');
  unicode-range: U+02D7, U+0303, U+0331, U+0E01-0E5B, U+200C-200D, U+25CC;
}
@font-face {
  font-family: 'Prompt';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('../fonts/prompt-latin-700.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;
}
@font-face {
  font-family: 'Sarabun';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('../fonts/sarabun-400.woff2') format('woff2');
}
@font-face {
  font-family: 'Sarabun';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('../fonts/sarabun-700.woff2') format('woff2');
}
@font-face {
  font-family: 'Material Symbols Rounded';
  font-style: normal;
  font-weight: 100 700;
  font-display: block; /* block: กัน icon โผล่เป็นข้อความชื่อ icon ตอนฟอนต์ยังไม่มา */
  src: url('../fonts/material-symbols-rounded.woff2?v=889b5618') format('woff2');
}

/* ไอคอนเป็น "ฟอนต์ ligature" ไม่ใช่รูป — เขียนชื่อไอคอนเป็นข้อความในแท็ก
   <span class="icon" aria-hidden="true">check_circle</span>
   ⚠️ aria-hidden ขาดไม่ได้ ⚠️ ไม่งั้นโปรแกรมอ่านหน้าจอจะอ่านชื่อ ligature
      ต่อกับข้อความข้าง ๆ เป็นคำเดียว ("check_circleงานสำเร็จ") */
@font-face {
  font-family: 'Material Symbols Rounded';
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url('../fonts/material-symbols-rounded.woff2') format('woff2');
}
.icon, .material-symbols-rounded {
  font-family: 'Material Symbols Rounded';
  font-variation-settings: 'FILL' 0, 'wght' 520, 'GRAD' 0, 'opsz' 24;
  line-height: 1;
  vertical-align: middle;
  font-size: 20px;
  -webkit-font-feature-settings: 'liga';
  font-feature-settings: 'liga';
  letter-spacing: normal;
  text-transform: none;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  user-select: none;
}
.icon.filled { font-variation-settings: 'FILL' 1, 'wght' 520, 'GRAD' 0, 'opsz' 24; }
.icon-sm { font-size: 18px; }
.icon-lg { font-size: 24px; }
.icon-xl { font-size: 34px; }