.block__form-booking {
    z-index: 1;
    position: relative;
}
.block__form-booking .block__form fieldset,
.block__form-booking .block__form .block__inputs {
    display: flex;
    gap: 10px;
}
.block__form-booking .block__form .block__inputs {
    gap: 20px;
}
.block__form-booking .field__label {
    margin-bottom: 0;
}
.block__form-booking .block__form fieldset .field {
    display: flex;
    align-self: flex-start;
    align-items: center;
    gap: 5px;
}
.block__form-booking .block__form .input {
    background-color: #fff0;
    border-radius: 0;
    border: 0;
}

.block__form-booking .block__form .block__inputs-dates {
    display: grid;
    grid-template-columns: 1fr;
}
@media (min-width: 500px) {
    .block__form-booking .block__form .block__inputs-dates {
        grid-template-columns: 1fr 1fr;
    }

    .block__form-booking .booking-checkbox__flexible-dates {
        grid-column: span 2;
    }
}

.block__form-booking .block__form .block__inputs-dates {
    flex-basis: 100%;
    align-self: normal;
}
.block__form-booking .block__form .block__inputs-action {
    flex-direction: column;
    align-items: center;
}
.block__form-booking .block__form .block__inputs-action a {
    position: relative;
}
.block__form-booking .block__form--v .block__inputs {
    flex-direction: column;
}
.block__form-booking .block__form--v .block__inputs-dates {
    row-gap: 10px;
}
.block__form-booking .block__form-links:not(:has(> a)) {
    display: none;
}
.block__form-booking .block__button {
    position: relative;
    z-index: 1;
    width: -webkit-fill-available;
}
.mi-be-square {
    width: 100%;
}

.is-cms--vh,
.block-booking-bar.is-cms {
    height: 100vh !important;
    max-height: 1000px !important;
    min-height: auto !important;
}

.booking-input__datepicker-wrapper {
    display: grid;
    grid-template-columns: 1fr 30px;
    gap: 5px;
    flex: 1;
}

.booking-input__datepicker-wrapper .button--datepicker {
    width: 30px;
    min-height: 30px;
    height: auto;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 0;
    background-color: transparent;
    cursor: pointer;
}

@media (min-width: 501px) {
    .booking-input .booking-input__datepicker-wrapper > .vc {
        left: 0;
    }

    .booking-input.booking-input__dateOut
    .booking-input__datepicker-wrapper
    > .vc {
        right: 0;
        left: auto;
    }
}

@media (min-width: 1100px) {
    .booking-input.booking-input__dateIn
    .booking-input__datepicker-wrapper
    > .vc {
        right: 0;
        left: auto;
    }
}

.block__form-booking__wrapper:has(.block__form-booking) {
    z-index: 90;
}