/* WIDGET DE RESERVAS */

.widgetBookingContainer {
    background: transparent;
    padding: 0;
}

html[lang*="es"] .widgetBookingContainer .categorySelector::before {
    content: "TIPO DE ALOJAMIENTO";
    font-size: var(--wp--preset--font-size--text-small);
    font-family: var(--wp--preset--font-family--dm-sans);
    font-weight: var(--wp--custom--font-weight--bold);
    color: var(--wp--preset--color--theme-white);
    line-height: var(--wp--custom--line-height--body);
    margin-bottom: 5px;
    display: block;
}

.widgetBookingContainer .checkinCheckoutContainer label, 
.widgetBookingContainer .peopleContainer label {
    color: var(--wp--preset--color--theme-white);
    font-size: var(--wp--preset--font-size--text-small);
    font-family: var(--wp--preset--font-family--dm-sans);
    font-weight: var(--wp--custom--font-weight--bold);
    line-height: var(--wp--custom--line-height--body);
}

.widgetBookingContainer span.inputBox {
    min-height: 53px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: var(--wp--preset--font-size--text-regular);
    font-family: var(--wp--preset--font-family--dm-sans);
    color: var(--wp--preset--color--theme-black);
}

.categorySelector > span:after, 
.peopleContainer .comboBox:after,
.datePicker span.inputBox:after,
.categoryGroupCollapse:before, 
.categoryGroupExpand:before {
    content: "\f078";
    font-family: "Font Awesome 5 Free" !important;
    font-weight: 900;
    right: 17px;
    bottom: 17px;
    font-size: 12px;
}

.checkinCheckoutContainer,
.peopleContainer {
    display: flex;
    justify-content: space-between;
    gap: var(--wp--style--block-gap);
}

.checkinContainer, 
.checkoutContainer,
.adultsContainer,
.childsGroupContainer {
    flex: 1 1 calc(50% - var(--wp--style--block-gap));
}

.adultsContainer .comboBox:after {
    top: 48px;
    bottom: unset;
}

.button.searchButton {
    background: var(--wp--preset--color--theme-green);
    font-size: var(--wp--preset--font-family--dm-sans);
    font-weight: var(--wp--custom--font-weight--semi-bold);
    text-transform: uppercase;
    min-height: 53px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
    border: 1px solid var(--wp--preset--color--theme-green);
    transition: all 0.2s ease-out;
}

.button.searchButton::before{
    content: '';
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url(../images/buscar.png) no-repeat center center;
    background-size: contain;
}

.categorySelector,
.checkinCheckoutContainer,
.peopleContainer {
    margin-bottom: var(--wp--style--block-gap);
}

.datePickerPopup .popupTitle, 
.widgetBookingContainer .popupTitle {
    background: var(--wp--preset--color--theme-black);
}

.widgetBookingContainer, .widgetBookingContainer input, 
.widgetBookingContainer select,
.datePickerPopup .popupTitle, 
.widgetBookingContainer .popupTitle {
    font-family: var(--wp--preset--font-family--dm-sans);
}

.categoryGroupCB:before, 
.facilityGroupCB:before {
    background-color: var(--wp--preset--color--theme-black);
}

.categoryGroupExpand:before {
    content: "\f077";
}

.datePickerPopup .month_title {
    background: var(--wp--preset--color--theme-blue);
}

.stayLen {
    display: none;
}

.childAgeGroupContainer {
    display: flex;
    flex-wrap: wrap;
    gap: .50rem;
}

.childAgeContainer {
    flex: 1 1 calc(50% - .25rem);
    max-width: calc(50% - .25rem);
}

.childAgeContainer .comboBox:after {
    right: 6px;
}

@media only screen and (pointer : fine) {

    .button.searchButton:hover {
        background: var(--wp--preset--color--theme-blue);
    }

}