/* assets/css/custom_style.css */

body {
    font-family: 'Noto Sans Thai', sans-serif; /* <<< เปลี่ยน Font ที่นี่ */
    background-color: #f8f9fa;
    color: #333;
    /* เพิ่มน้ำหนัก font พื้นฐานถ้าต้องการ เช่น font-weight: 400; */
}
h1, h2, h3, h4, h5, h6, .card-title, .fw-bold {
    font-weight: 500; /* หรือ 700 สำหรับตัวหนามากๆ */
}
.navbar {
    transition: all 0.3s ease-in-out;
}

.navbar-brand {
    font-size: 1.5rem;
    font-weight: 700; /* ตัวอย่าง: ทำให้ brand หนาขึ้น */
}

.card {
    border: none; /* เอาเส้นขอบ card ออก */
    border-radius: 15px; /* ทำให้ card มนขึ้น */
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1); /* เงาที่นุ่มนวล */
    transition: all 0.3s ease-in-out;
}

.card:hover {
    transform: translateY(-5px); /* เอฟเฟกต์ลอยเล็กน้อยเมื่อ hover */
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);
}

.card-header {
    background-color: #0d6efd; /* สี primary ของ Bootstrap */
    color: white;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    padding: 1rem 1.25rem;
}

.card-header.bg-success {
    background-color: #198754 !important;
}

.card-title {
    font-weight: 500;
}

.btn {
    border-radius: 25px;
    padding: 0.5rem 1.5rem;
    /* font-weight: 500; -- เอาออกเพื่อให้รับค่าจาก body หรือกำหนดเฉพาะจุด */
    transition: all 0.2s ease-in-out;
    letter-spacing: 0.5px;
}

.btn-primary {
    background-color: #0d6efd;
    border-color: #0d6efd;
}

.btn-primary:hover {
    background-color: #0b5ed7;
    border-color: #0a58ca;
    transform: scale(1.05); /* ขยายเล็กน้อยเมื่อ hover */
}

.btn-success {
    background-color: #198754;
    border-color: #198754;
}
.btn-success:hover {
    background-color: #157347;
    border-color: #146c43;
    transform: scale(1.05);
}

.btn-danger {
    background-color: #dc3545;
    border-color: #dc3545;
}
.btn-danger:hover {
    background-color: #bb2d3b;
    border-color: #b02a37;
    transform: scale(1.05);
}

.btn-info {
     background-color: #0dcaf0;
     border-color: #0dcaf0;
     color: #000;
}
.btn-info:hover {
    background-color: #31d2f2;
    border-color: #25cff2;
    transform: scale(1.05);
}


.form-control, .form-select {
    border-radius: 10px; /* input field มนขึ้น */
    padding: 0.75rem 1rem;
}

.form-control:focus, .form-select:focus {
    border-color: #86b7fe; /* สีเมื่อ focus */
    box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}

.table {
    background-color: white;
    border-radius: 10px; /* ทำให้มุมตารางมน */
    overflow: hidden; /* สำหรับ border-radius กับ thead */
    box-shadow: 0 2px 10px rgba(0,0,0,0.05);
}

.table thead th {
    background-color: #e9ecef; /* สีหัวตารางอ่อนๆ */
    border-bottom-width: 1px;
    font-weight: 500;
}

.pagetitle h1 {
    color: #012970;
    font-weight: 700;
}

.breadcrumb-item a {
    color: #0d6efd;
    text-decoration: none;
}
.breadcrumb-item.active {
    color: #6c757d;
}

/* Login Page Specific */
.login-container {
    min-height: 80vh;
    display: flex;
    align-items: center;
    justify-content: center;
}

.login-card {
    max-width: 450px;
    width: 100%;
}

/* Cute touch */
.fa-book-reader {
    animation: bookSway 2s ease-in-out infinite alternate;
}

@keyframes bookSway {
    0% { transform: rotate(-2deg); }
    100% { transform: rotate(2deg); }
}

/* SweetAlert custom button color */
.swal2-confirm {
    background-color: #0d6efd !important; /* Primary color */
}
.swal2-cancel {
    background-color: #6c757d !important; /* Secondary color for cancel */
}