/* WIDGET DE RESERVAS */

.datePickerPopup .popupTitle,
.widgetBookingContainer .popupTitle,
.datePickerPopup .month_title,
button.searchButton,
button.searchButton:hover {
    background: var(--wp--preset--color--theme-granate);
}

.widgetBookingContainer .categorySelector {
    display: none;
}

.categorySelector>span:after,
.datePicker span.inputBox:after,
.peopleContainer .comboBox:after {
    color: var(--wp--preset--color--theme-granate)
}




.simple_booking.widgetBookingContainer {
    background: transparent;
    padding: 0;
    display: flex;
    gap: calc(var(--wp--style--block-gap) * 0.5);
    font-family: var(--wp--preset--font-family--lato);
    font-size: var(--wp--preset--font-size--text-14);
    flex-direction: column;
}

.simple_booking.widgetBookingContainer .stayLen,
.simple_booking.widgetBookingContainer .peopleContainer,
.simple_booking.widgetBookingContainer .facilities {
    display: none !important;
}

.simple_booking.widgetBookingContainer .checkinCheckoutContainer {
    display: flex;
    gap: calc(var(--wp--style--block-gap) * 0.5);
    flex-direction: column;
    flex: 1;
}

.simple_booking.widgetBookingContainer .checkinCheckoutContainer>div {
    overflow: hidden;
    flex: 1;
    margin-bottom: 0;
}

.simple_booking.widgetBookingContainer .searchButton {
    border: 1px solid currentColor;
    margin: 20px 0 0 0;
    width: auto;
    flex-grow: 1;
}

.widget-tagline>.wp-block-group {
    flex: 1 0 auto;
}

.widget-tagline>.simple_booking {
    flex: 1 0 auto;
    flex-wrap: wrap;
    flex-direction: column;
}

.simple_booking label {
    text-transform: uppercase;
    font-size: 11px !important;
}

.widget-main-wrapper,
.widget-main-wrapper .widget-inner {
    max-width: 650px !important;
}




@media only screen and (min-width: 650px) {

    .widget-tagline>.simple_booking,
    .simple_booking.widgetBookingContainer .checkinCheckoutContainer,
    .simple_booking.widgetBookingContainer {
        flex-direction: row;
    }

    .simple_booking.widgetBookingContainer .checkinCheckoutContainer {
        max-width: 400px;
        width: 100%;
        flex: 0 1 400px;
    }
}

@media only screen and (min-width: 750px) {

    /* .widget-main-wrapper.is-style-header-fix {
        position: sticky;

    }

    .widget-main-wrapper.is-style-header-fix {
        top: 100px;
        z-index: 5;

    }

    .admin-bar .widget-main-wrapper.is-style-header-fix {
        top: calc(100px + 32px);

    } */

    .widget-main>.simple_booking {
        max-width: 550px;

    }

}