/* Block : Wrapper Row */
.bookify-booking {
    display: flex;
    flex-direction: row;
    gap: 16px;
    width: 100%;
}

/* Block : Calendar Column */
.bookify-booking .bookify-booking-calendar {
    width: 60%;
}

/* Block : Booking Form Column */
.bookify-booking .bookify-booking-form {
    width: 40%;
}


@media (max-width:996px) {
    .bookify-booking {
        flex-direction: column;
    }


    .bookify-booking .bookify-booking-form,
    .bookify-booking .bookify-booking-calendar {
        width: 100%;
    }

    .bookify-booking .bookify-booking-form {
        background: #f5f5f5;
        padding: 11px;
        border-radius: 7px;
    }
}



/* Calendar : Disabled Date Style */
.bookify-booking .bookify-booking-calendar .bookify-calendar-plugin .fc-disabled-day {
    pointer-events: none;
    opacity: 0.6;
}



/* Calendar : Selected Date Cell */
.bookify-booking .bookify-booking-calendar .bookify-calendar-plugin .fc-day-selected {
    background-color: #00aaaf7a;
}

.bookify-booking .bookify-booking-calendar .bookify-calendar-plugin .fc-day-selected .fc-daygrid-day-number {
    color: #00aaaf;
    font-weight: 600;
}

.bookify-booking .bookify-booking-calendar .bookify-calendar-plugin .fc-day-selected .fc-highlight {
    background-color: transparent;
}



.bookify-booking .bookify-booking-calendar .bookify-calendar-plugin .fc-button {
    background: #00aaaf;
    border-color: #00aaaf;
}





/* Booking Form : Slot Selection */
.slot-radio-wrapper {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.slot-radio .fieldset__wrapper {
    padding: 8px;
}

.slot-radio .form-boolean-group {
    display: flex;
    flex-direction: row;
    gap: 5px;
    flex-wrap: wrap;
}

.slot-radio input[type="radio"] {
    display: none;
}

.slot-radio label {
    display: inline-block;
    background-color: #f1f1f1;
    color: #333;
    padding: 12px 16px;
    border-radius: 6px;
    border: 1px solid #ccc;
    cursor: pointer;
    transition: all 0.2s ease;
}

.slot-radio input[type="radio"]:checked+label {
    background-color: #00aaaf;
    color: #fff;
    border-color: #00aaaf;
}