/* 
 * /assets/fonts/prompt/prompt.css
 * ไฟล์ CSS สำหรับฟอนต์ Prompt ซึ่งเป็นฟอนต์หลักที่ใช้ใน Smart Factory 360°
 * 
 * Prompt Font เป็นฟอนต์ที่รองรับภาษาไทยและภาษาอังกฤษอย่างสวยงาม 
 * พัฒนาโดย SIPA (สำนักงานส่งเสริมอุตสาหกรรมซอฟต์แวร์แห่งชาติ) และ Cadson Demak
 */

/* ประกาศฟอนต์ Prompt - Thin 100 */
@font-face {
    font-family: 'Prompt';
    src: url('Prompt-Thin.woff2') format('woff2'),
         url('Prompt-Thin.woff') format('woff'),
         url('Prompt-Thin.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

/* ประกาศฟอนต์ Prompt - Thin 100 Italic */
@font-face {
    font-family: 'Prompt';
    src: url('Prompt-ThinItalic.woff2') format('woff2'),
         url('Prompt-ThinItalic.woff') format('woff'),
         url('Prompt-ThinItalic.ttf') format('truetype');
    font-weight: 100;
    font-style: italic;
    font-display: swap;
}

/* ประกาศฟอนต์ Prompt - ExtraLight 200 */
@font-face {
    font-family: 'Prompt';
    src: url('Prompt-ExtraLight.woff2') format('woff2'),
         url('Prompt-ExtraLight.woff') format('woff'),
         url('Prompt-ExtraLight.ttf') format('truetype');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

/* ประกาศฟอนต์ Prompt - ExtraLight 200 Italic */
@font-face {
    font-family: 'Prompt';
    src: url('Prompt-ExtraLightItalic.woff2') format('woff2'),
         url('Prompt-ExtraLightItalic.woff') format('woff'),
         url('Prompt-ExtraLightItalic.ttf') format('truetype');
    font-weight: 200;
    font-style: italic;
    font-display: swap;
}

/* ประกาศฟอนต์ Prompt - Light 300 */
@font-face {
    font-family: 'Prompt';
    src: url('Prompt-Light.woff2') format('woff2'),
         url('Prompt-Light.woff') format('woff'),
         url('Prompt-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

/* ประกาศฟอนต์ Prompt - Light 300 Italic */
@font-face {
    font-family: 'Prompt';
    src: url('Prompt-LightItalic.woff2') format('woff2'),
         url('Prompt-LightItalic.woff') format('woff'),
         url('Prompt-LightItalic.ttf') format('truetype');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

/* ประกาศฟอนต์ Prompt - Regular 400 */
@font-face {
    font-family: 'Prompt';
    src: url('Prompt-Regular.woff2') format('woff2'),
         url('Prompt-Regular.woff') format('woff'),
         url('Prompt-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

/* ประกาศฟอนต์ Prompt - Regular 400 Italic */
@font-face {
    font-family: 'Prompt';
    src: url('Prompt-Italic.woff2') format('woff2'),
         url('Prompt-Italic.woff') format('woff'),
         url('Prompt-Italic.ttf') format('truetype');
    font-weight: 400;
    font-style: italic;
    font-display: swap;
}

/* ประกาศฟอนต์ Prompt - Medium 500 */
@font-face {
    font-family: 'Prompt';
    src: url('Prompt-Medium.woff2') format('woff2'),
         url('Prompt-Medium.woff') format('woff'),
         url('Prompt-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

/* ประกาศฟอนต์ Prompt - Medium 500 Italic */
@font-face {
    font-family: 'Prompt';
    src: url('Prompt-MediumItalic.woff2') format('woff2'),
         url('Prompt-MediumItalic.woff') format('woff'),
         url('Prompt-MediumItalic.ttf') format('truetype');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

/* ประกาศฟอนต์ Prompt - SemiBold 600 */
@font-face {
    font-family: 'Prompt';
    src: url('Prompt-SemiBold.woff2') format('woff2'),
         url('Prompt-SemiBold.woff') format('woff'),
         url('Prompt-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

/* ประกาศฟอนต์ Prompt - SemiBold 600 Italic */
@font-face {
    font-family: 'Prompt';
    src: url('Prompt-SemiBoldItalic.woff2') format('woff2'),
         url('Prompt-SemiBoldItalic.woff') format('woff'),
         url('Prompt-SemiBoldItalic.ttf') format('truetype');
    font-weight: 600;
    font-style: italic;
    font-display: swap;
}

/* ประกาศฟอนต์ Prompt - Bold 700 */
@font-face {
    font-family: 'Prompt';
    src: url('Prompt-Bold.woff2') format('woff2'),
         url('Prompt-Bold.woff') format('woff'),
         url('Prompt-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

/* ประกาศฟอนต์ Prompt - Bold 700 Italic */
@font-face {
    font-family: 'Prompt';
    src: url('Prompt-BoldItalic.woff2') format('woff2'),
         url('Prompt-BoldItalic.woff') format('woff'),
         url('Prompt-BoldItalic.ttf') format('truetype');
    font-weight: 700;
    font-style: italic;
    font-display: swap;
}

/* ประกาศฟอนต์ Prompt - ExtraBold 800 */
@font-face {
    font-family: 'Prompt';
    src: url('Prompt-ExtraBold.woff2') format('woff2'),
         url('Prompt-ExtraBold.woff') format('woff'),
         url('Prompt-ExtraBold.ttf') format('truetype');
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}

/* ประกาศฟอนต์ Prompt - ExtraBold 800 Italic */
@font-face {
    font-family: 'Prompt';
    src: url('Prompt-ExtraBoldItalic.woff2') format('woff2'),
         url('Prompt-ExtraBoldItalic.woff') format('woff'),
         url('Prompt-ExtraBoldItalic.ttf') format('truetype');
    font-weight: 800;
    font-style: italic;
    font-display: swap;
}

/* ประกาศฟอนต์ Prompt - Black 900 */
@font-face {
    font-family: 'Prompt';
    src: url('Prompt-Black.woff2') format('woff2'),
         url('Prompt-Black.woff') format('woff'),
         url('Prompt-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

/* ประกาศฟอนต์ Prompt - Black 900 Italic */
@font-face {
    font-family: 'Prompt';
    src: url('Prompt-BlackItalic.woff2') format('woff2'),
         url('Prompt-BlackItalic.woff') format('woff'),
         url('Prompt-BlackItalic.ttf') format('truetype');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

/* กำหนด font-family หลักของเว็บไซต์ให้ใช้ฟอนต์ Prompt */
html, body {
    font-family: 'Prompt', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}

/* สำหรับปรับขนาดตัวอักษรข้อความไทยให้เหมาะสม */
.thai-lang {
    /* ปรับขนาดตัวอักษรไทยให้เหมาะสม */
    line-height: 1.6;
    letter-spacing: 0.01em;
}

/* สำหรับปรับค่า font-weight สำหรับภาษาไทยให้เหมาะสม */
.thai-text-light {
    font-weight: 300; /* น้ำหนักอักษรแบบ Light สำหรับข้อความไทย */
}

.thai-text-regular {
    font-weight: 400; /* น้ำหนักอักษรแบบ Regular สำหรับข้อความไทย */
}

.thai-text-medium {
    font-weight: 500; /* น้ำหนักอักษรแบบ Medium สำหรับข้อความไทย */
}

.thai-text-semibold {
    font-weight: 600; /* น้ำหนักอักษรแบบ SemiBold สำหรับข้อความไทย */
}

.thai-text-bold {
    font-weight: 700; /* น้ำหนักอักษรแบบ Bold สำหรับข้อความไทย */
}

/* สำหรับแก้ปัญหาการแสดงผลตัวอักษรไทยบน Mobile Safari */
@media screen and (max-width: 767px) {
    /* ปรับค่า line-height เล็กน้อยสำหรับอุปกรณ์มือถือ */
    .thai-lang {
        line-height: 1.5;
    }
}