/* Custom Font Styles */

/* นำเข้าฟอนต์จาก Google Fonts (ตัวอย่าง: Sarabun, Prompt, Kanit) */
/* @import url('https://fonts.googleapis.com/css2?family=Sarabun:wght@300;400;500;600;700&display=swap'); */
/* @import url('https://fonts.googleapis.com/css2?family=Prompt:wght@300;400;500;600;700&display=swap'); */
/* @import url('https://fonts.googleapis.com/css2?family=Kanit:wght@300;400;500;600;700&display=swap'); */

/* ตัวอย่างการใช้ฟอนต์ภาษาไทย Sarabun */
@import url('https://fonts.googleapis.com/css2?family=Sarabun:wght@300;400;500;600;700&display=swap');

/* ตั้งค่าฟอนต์สำหรับทั้งเว็บไซต์ */
body,
.wrapper,
h1, h2, h3, h4, h5, h6,
.page-title,
.btn,
.form-control,
.form-select,
input,
textarea,
select,
.card,
.table,
.navbar,
.sidebar,
.menu,
p, span, div, a, li {
    font-family: 'Sarabun', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif !important;
}

/* ปรับขนาดฟอนต์ (ถ้าต้องการ) */
body {
    font-size: 14px;
}

h1 { font-size: 2rem; }
h2 { font-size: 1.75rem; }
h3 { font-size: 1.5rem; }
h4 { font-size: 1.25rem; }
h5 { font-size: 1.1rem; }
h6 { font-size: 1rem; }

/* ปรับ font-weight สำหรับหัวข้อ */
h1, h2, h3, h4, h5, h6,
.page-title {
    font-weight: 600;
}

/* ปรับ font-weight สำหรับปุ่ม */
.btn {
    font-weight: 500;
}

/* ===========================
   เปลี่ยนฟอนต์ที่นี่
   =========================== 
   
   วิธีเปลี่ยนฟอนต์:
   1. เลือกฟอนต์จาก Google Fonts: https://fonts.google.com/
   2. คัดลอก @import url(...) มาวางด้านบน
   3. เปลี่ยน 'Sarabun' ในบรรทัด font-family เป็นชื่อฟอนต์ที่ต้องการ
   
   ตัวอย่างฟอนต์ภาษาไทยยอดนิยม:
   - Sarabun (ปัจจุบัน)
   - Prompt
   - Kanit
   - Mitr
   - Bai Jamjuree
   - Chakra Petch
   - Noto Sans Thai
   - IBM Plex Sans Thai
   
   ตัวอย่างฟอนต์ภาษาอังกฤษ:
   - Roboto
   - Open Sans
   - Lato
   - Montserrat
   - Poppins
   - Inter
*/