#booking-calendar {
  	padding-top: 200px;
	padding-bottom: 60px;
	padding-right: 0;
	padding-left: 0;
}
#booking-calendar a {
	color: #20232a;
}
/* Calendar - Start */
#calendar .booking-event {
	background-color: #4caf50;
	color: white;
	border-radius: 4px;
}
#calendar .fc-today-button, #calendar .fc-dayGridMonth-button, #calendar .fc-timeGridWeek-button, #calendar .fc-timeGridDay-button {
	text-transform: capitalize;
	background-color: var(--btn-background);
	opacity: 0.6;
}
#calendar .fc-today-button, #calendar .fc-dayGridMonth-button.fc-button-active, #calendar .fc-timeGridWeek-button.fc-button-active, #calendar .fc-timeGridDay-button.fc-button-active{
	opacity: unset;
}
#calendar .fc-today-button {
	background-color: var(--btn-background);
	border: var(--btn-border);
	border-radius: var(--btn-border-radius);
	color: var(--btn-color);
	display: var(--btn-display);
	font-family: var(--btn-font-family);
	font-weight: var(--btn-font-weight);
	letter-spacing: var(--btn-letter-spacing);
	line-height: var(--btn-line-height);
	padding: var(--btn-padding);
	text-align: var(--btn-text-align);
	text-transform: var(--btn-text-transform);
	font-size: 12px;
	opacity: unset;
}
#calendar .fc-today-button:not(:disabled):hover {
	background-color: var(--btn-hover-background);
}
#calendar .fc-prev-button, #calendar .fc-next-button {
	border: var(--btn-border);
    background-color: var(--btn-background);
}
#calendar .fc-prev-button:hover, #calendar .fc-next-button:hover {
	background-color: var(--btn-hover-background);
}
#calendar .fc-today-button:disabled {
	opacity: 0.6;
    cursor: not-allowed;
}

/* Mobile Responsiveness */

/* Calendar navigation - Stack toolbar items vertically */
@media (max-width: 576px) {
    .fc-header-toolbar {
        display: flex !important;
        flex-direction: column !important;
        gap: 8px !important;
        align-items: stretch !important;
        text-align: center;
    }

    .fc-toolbar-chunk {
        width: 100% !important;
        display: flex !important;
        justify-content: center !important;
    }

    .fc-button-group {
        width: 100%;
        display: flex;
        justify-content: center;
    }

    .fc-toolbar-title {
        font-size: 18px !important;
        margin: 5px 0;
    }
}
    

/* Calendar - End */