.filament-fullcalendar .fc-toolbar-title {
    font-size: 1rem !important;
    padding: 0 8px
}

.fc-direction-ltr .fc-daygrid-event .fc-event-time {
    display: none !important;
}

.view-reservation-info-list .fi-section,
.view-reservation-info-list .fi-fo-repeater-item,
.view-reservation-info-list .fi-fieldset {
    background-color: #f7f7f7;
}

.fc-daygrid-dot-event .fc-event-title {
    font-size: 0.8rem !important;
    font-weight: 600;
}

.fc-view-harness, .fc-daygrid-event-harness {
    padding: 0.1rem;
    cursor: pointer;

}

.fc-daygrid-day-frame:hover {
    background-color: #f7f7f770;
}

.bg-secondary {
    background-color: #fff1e3;
    color: #ff9f43 !important;
}

.bg-primary {
    background-color: #8cffc0;
    color: #056130 !important;
}

.bg-danger {
    background-color: #e49797;
    color: #630000 !important;
}

.bg-info {
    background-color: #9debf4;
    color: #008d9c !important;
}

.fc-scrollgrid-sync-table {
    background-color: #ffffff;
}

.dark .fc-scrollgrid-sync-table {
    background-color: #18181b;
}

.calendar-actions {
    display: flex;
    justify-content: right;
    align-items: center;
}

@media (max-width: 768px) {
    .fc-header-toolbar {
        max-width: 100% !important;
        justify-content: left !important;
        gap: 0.5rem;
    }
    .calendar-actions {
        justify-content: flex-start;
    }
    .fc-view-harness {
        height: 600px !important;
    }
    .fc-button-active {
        display: none !important;
        visibility: hidden !important;
    }
    .fc-dayGridWeek-button, .fc-dayGridDay-button, .fc-dayGridMonth-button {
        border-radius: 0.5rem !important;
    }

    .filament-fullcalendar.fc .fc-button {
        padding: 0.4em 0.65em;
    }
}