﻿ /*1. ประกาศ Font (Regular - ตัวปกติ)*/
@font-face {
    font-family: 'Sarabun';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/Prompt-Regular.ttf') format('woff');
    👆 ตรวจสอบ Path ให้ตรงกับโฟลเดอร์จริงของคุณ
}

 /*2. ประกาศ Font (Bold - ตัวหนา)*/
@font-face {
    font-family: 'Sarabun';
    font-style: normal;
    font-weight: 700;
    src: url('../fonts/Prompt-Regular.ttf') format('woff');
}
/* ประกาศ Font Kanit แบบ Local */
/*@font-face {
    font-family: 'Kanit';
    src: url('/fonts/Kanit-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Kanit';
    src: url('/fonts/Kanit-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Kanit';
    src: url('/fonts/Kanit-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
}*/
/* 3. บังคับใช้ทั้งเว็บ */
body, h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, p, span, div, a, li, input, button, label, select, textarea {
    font-family: Prompt, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif !important;
    font-weight: 600;
}
body {
    padding-top: 50px;
    padding-bottom: 20px;
}

/* Set padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
    white-space: normal;
}

/* Set width on the form input elements since they're 100% wide by default */
input,
select,
textarea {
    max-width: 280px;
}

/* ปรับขอบมนให้ Progress Bar */
.progress {
    border-radius: 20px !important; /* ปรับความมนตรงนี้ (ยิ่งเลขเยอะ ยิ่งมน) */
    overflow: hidden !important; /* สำคัญมาก! ช่วยตัดสีส้มส่วนเกินไม่ให้ล้นออกมานอกขอบมน */
}
/* บังคับให้ข้อความ Error ของ MVC ทุกตัวเป็นสีแดง */
.field-validation-error {
    color: #dc3545 !important; /* สีแดงมาตรฐาน Bootstrap */
    font-weight: bold; /* ตัวหนา (ถ้าต้องการ) */
    font-size: 0.9em; /* ปรับขนาดให้เล็กลงนิดหน่อย */
}

/* แถม: ทำให้กรอบแดงเมื่อกรอกผิด */
.input-validation-error {
    border: 1px solid #dc3545 !important;
    background-color: #fff8f8; /* พื้นหลังสีชมพูอ่อนๆ */
}