/* --- การนำเข้า Font ภาษาไทย (Google Fonts) --- */
@import url('https://fonts.googleapis.com/css2?family=Sarabun:wght@400;500;700&display=swap');

/* --- สไตล์ทั่วไป & Typography --- */
body {
    font-family: 'Sarabun', sans-serif;
    background-color: #f8f9fa; /* สีพื้นหลังเทาอ่อนๆ */
}

.breadcrumb-item a {
    text-decoration: none;
}

.card {
    border: none;
    box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
}

/* --- สไตล์สำหรับหน้า Login --- */
.login-container {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: calc(100vh - 120px); /* ความสูงหน้าจอลบความสูงของ navbar/footer โดยประมาณ */
}

/* --- สไตล์สำหรับตารางสอน (Schedule Table) --- */
.schedule-table th, 
.schedule-table td {
    text-align: center;
    vertical-align: middle;
}

.schedule-cell {
    min-height: 120px;
    height: 120px;
    padding: 8px;
    position: relative;
    border: 1px dashed #e0e0e0;
}

/* ทำให้ช่องที่สามารถคลิกได้มี cursor และ hover effect */
.schedule-cell.editable {
    cursor: pointer;
    transition: background-color 0.2s ease-in-out;
}

.schedule-cell.editable:hover {
    background-color: #e9f5ff; /* สีฟ้าอ่อนเมื่อเอาเมาส์ไปชี้ */
    border-style: solid;
    border-color: #90caf9;
}

/* สไตล์สำหรับช่องที่ถูกจองโดยครูท่านอื่น */
.schedule-cell.booked {
    background-color: #f1f3f5;
    color: #868e96;
    cursor: not-allowed;
}

.schedule-cell.booked .schedule-entry strong {
    color: #868e96;
}


/* สไตล์ของข้อมูลที่แสดงในช่องตารางสอน */
.schedule-entry {
    text-align: center;
    font-size: 0.85rem;
    line-height: 1.4;
}

.schedule-entry strong {
    display: block;
    color: #0d6efd; /* สีน้ำเงินหลัก */
    font-size: 0.9rem;
    font-weight: 700;
}

.schedule-entry small {
    color: #6c757d; /* สีเทา */
}

/* สไตล์ของปุ่มบวกในช่องว่าง */
.add-schedule-btn {
    font-size: 1.5rem;
    color: #198754; /* สีเขียว */
    opacity: 0.5;
    transition: opacity 0.2s ease-in-out;
}

.schedule-cell.editable:hover .add-schedule-btn {
    opacity: 1;
}

/* --- สไตล์สำหรับ Radio Buttons ที่ทำเหมือนปุ่ม --- */
.btn-check:checked+.btn-outline-success,
.btn-check:checked+.btn-outline-info,
.btn-check:checked+.btn-outline-warning,
.btn-check:checked+.btn-outline-danger,
.btn-check:checked+.btn-outline-secondary {
    color: #fff; /* ทำให้ตัวหนังสือเป็นสีขาวเมื่อถูกเลือก */
}