.calendar-table {
    width: 100%;
}

.calendar-table {
    width: 100%;
    border-collapse: collapse;
}

.calendar-table thead {
    background-color: #f8f9fa;
}

.calendar-table thead tr {
    background-color: var(--color-primary);
    color: white; /* เปลี่ยนสีข้อความ */
}

.calendar-table th, .calendar-table td {
    border: 1px solid #dee2e6;
    padding: 8px;
    text-align: center;
}

.calendar-table th {
    text-transform: uppercase; /* ตัวอักษรพิมพ์ใหญ่ */
    font-size: var(--typo-sm);
  font-weight: var(--fw-normal);
}

.calendar-date a.disabled{
    background: #dee2e6;
    opacity: 0.2;

    pointer-events: none; /* ปิดการคลิก */
    cursor: not-allowed; /* เปลี่ยนรูปแบบของเคอร์เซอร์ */
}
.calendar-date a.disabled:hover{
    cursor: not-allowed;
}

#availableTimes {
    background: #fff;
    padding: 20px;
}