:root {
    --bg_btn: var(--color-light);
    --color_btn: var(--contrast-1);
    --bg_btn_hover: var(--contrast-1);
    --color_btn_hover: var(--color-light)
}

.block__form-booking .block__form .block__inputs {
    display: grid;
    gap: 10px;
    grid-template-columns: 1fr
}

.block__form-booking .block__form fieldset {
    flex-direction: column;
    gap: 10px
}

@media (min-width:1100px) {
    .block__form-booking .block__form fieldset {
        flex-direction: row
    }
}

.block__form-booking .block__form .field {
    gap: 10px
}

.block__form-booking .block__form .field__label {
    color: var(--contrast-1);
    font-size: .875rem;
    max-width: 100%;
    text-align: left
}

.block__form-booking .block__form .checkbox__label {
    color: var(--color-dark);
    font-size: .875rem;
    max-width: 250px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.block__form-booking .block__form .checkbox__label:after {
    border-bottom-color: var(--color-dark);
    border-left-color: var(--color-dark)
}

.block__form-booking .block__form .checkbox__label:before {
    background-color: transparent;
    border: 1px solid var(--color-dark);
    border-radius: 2px
}

.block__form-booking .block__form .input {
    background-color: var(--contrast-2);
    border: 1px solid var(--color-dark);
    border-radius: 6px;
    color: var(--color-dark);
    font-size: .875rem;
    text-align: right
}

.block__form-booking .block__form .booking-select__wrapper {
    background-color: var(--contrast-2);
    border: 1px solid var(--color-dark);
    border-radius: 6px;
    flex: 1;
    min-width: 90px
}

.block__form-booking .block__form .booking-select__select {
    color: var(--color-dark);
    font-size: .875rem;
    padding-right: 30px;
    text-align: right
}

.block__form-booking .block__form .booking-input__datepicker-wrapper {
    background-color: var(--contrast-2);
    border: 1px solid var(--color-dark);
    border-radius: 6px
}

.block__form-booking .block__form .booking-input__datepicker-wrapper .input {
    border: 0;
    border-radius: 6px;
    padding-right: 0
}

.block__form-booking .block__form .booking-input__value {
    position: relative
}

.block__form-booking .block__form .booking-input__value:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='19' fill='none' viewBox='0 0 19 19'%3E%3Cpath fill='%23949494' d='M15.438 2.375h-1.782v-.594a.594.594 0 1 0-1.187 0v.594H6.53v-.594a.594.594 0 0 0-1.187 0v.594H3.562a1.19 1.19 0 0 0-1.187 1.188v11.875a1.19 1.19 0 0 0 1.188 1.187h11.875a1.19 1.19 0 0 0 1.187-1.187V3.563a1.187 1.187 0 0 0-1.187-1.188M5.344 3.563v.593a.594.594 0 0 0 1.187 0v-.593h5.938v.593a.594.594 0 1 0 1.187 0v-.593h1.781v2.375H3.563V3.563zm10.093 11.875H3.563V7.124h11.875z'/%3E%3C/svg%3E");
    background-size: contain;
    bottom: 0;
    content: "";
    height: 18px;
    left: 10px;
    margin: auto;
    position: absolute;
    top: 0;
    width: 18px
}

.block__form-booking .block__form .booking-select__people .booking-select__wrapper {
    position: relative
}

.block__form-booking .block__form .booking-select__people .booking-select__wrapper:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='19' fill='none' viewBox='0 0 19 19'%3E%3Cpath fill='%23949494' d='M17.138 15.734c-1.13-1.954-2.872-3.355-4.905-4.02a5.344 5.344 0 1 0-5.467 0c-2.033.664-3.775 2.066-4.905 4.02a.594.594 0 1 0 1.028.594c1.398-2.416 3.87-3.86 6.61-3.86 2.742 0 5.213 1.444 6.611 3.86a.593.593 0 1 0 1.028-.594M5.343 7.125a4.156 4.156 0 1 1 8.313 0 4.156 4.156 0 0 1-8.313 0'/%3E%3C/svg%3E");
    background-size: contain;
    bottom: 0;
    content: "";
    height: 18px;
    left: 10px;
    margin: auto;
    position: absolute;
    top: 0;
    width: 18px
}

.block__form-booking .block__form .booking-select__rooms .booking-select__wrapper {
    position: relative
}

.block__form-booking .block__form .booking-select__rooms .booking-select__wrapper:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='19' fill='none' viewBox='0 0 19 19'%3E%3Cpath fill='%23949494' d='M17.813 7.88V5.344a1.187 1.187 0 0 0-1.188-1.188H2.375a1.19 1.19 0 0 0-1.187 1.188V7.88a1.19 1.19 0 0 0-.594 1.026v3.563a1.187 1.187 0 0 0 1.187 1.187h.594v1.188a.594.594 0 0 0 1.188 0v-1.188h11.875v1.188a.594.594 0 0 0 1.187 0v-1.188h.594a1.187 1.187 0 0 0 1.187-1.187V8.906a1.19 1.19 0 0 0-.593-1.026m-1.188-.161h-6.531V5.344h6.531zM8.906 5.344v2.375H2.375V5.344zm8.313 7.125H1.78V8.906H17.22z'/%3E%3C/svg%3E");
    background-size: contain;
    bottom: 0;
    content: "";
    height: 18px;
    left: 10px;
    margin: auto;
    position: absolute;
    top: 0;
    width: 18px
}

.block__form-booking .block__form .booking-input__promocode .input {
    flex: 1;
    min-width: 100px
}

@media (max-width:1099px) {
    .block__form-booking .block__form .block__inputs-dates {
        grid-template-columns: 1fr
    }

    .block__form-booking .block__form fieldset .field {
        display: grid;
        grid-template-columns: 1fr 2fr
    }

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

.block__form-booking .block__form.block__form--v .block__inputs-dates {
    grid-template-columns: 1fr
}

.block__form-booking .block__form.block__form--v fieldset .field {
    display: grid;
    grid-template-columns: 1fr 2fr
}

.block__form-booking .block__form.block__form--v .booking-checkbox__flexible-dates {
    grid-column: span 1
}

.block__form-booking .block__button {
    background-color: var(--bg_btn);
    border-radius: 6px;
    color: var(--color_btn)
}

.block__form-booking .block__form-links .text-style-link {
    color: var(--color-dark);
    font-size: .875rem;
    text-decoration: underline;
    text-underline-offset: 6px;
    transition: text-underline-offset .1s linear
}

.block__form-booking .block__form-links .text-style-link:hover {
    text-underline-offset: 4px
}

.block__form-booking__wrapper {
    height: -moz-fit-content;
    height: fit-content;
    position: relative;
    width: -moz-fit-content;
    width: fit-content
}

.block__form-booking__wrapper:has(.block__form-booking) {
    background-color: var(--contrast-2);
    border-radius: 6px;
    padding: 20px
}

@media (min-width:1100px) {
    .block__form-booking__wrapper:has(.block__form--h) .block__inputs {
        grid-template-columns: 500px 120px auto
    }
}

.block__form-booking__wrapper:has(.block__form--v) {
    margin-left: auto;
    margin-right: auto;
    max-width: 380px;
    width: 100%
}

.block__form-booking__wrapper:has(.block__form--v) fieldset {
    flex-direction: column
}

.block__form-booking__wrapper:has(.block__form--v) .block__text {
    color: var(--color-dark);
    margin-bottom: 25px;
    text-align: center
}

.block__form-booking-hero+.block__form-booking__wrapper--mobile {
    display: none
}

@media (max-width:1099px) {
    .block__form-booking-hero+.block__form-booking__wrapper--mobile {
        display: block
    }
}

@media (max-width:767px) {
    .block__form-booking-hero+.block__form-booking__wrapper--mobile .block__button {
        width: 100%
    }
}

@media (max-width:1099px) {
    .block__form-booking-hero.block__form-booking__wrapper {
        display: none
    }

    .block__form-booking__wrapper {
        max-width: 450px;
        width: 100%
    }
}

@media (min-width:1100px) {
    .block__form-booking__wrapper:has(.block__form--h) .block__inputs {
        grid-template-columns: 2fr 1fr auto
    }
}

@media (min-width:1100px) {
    .block__form-booking__wrapper:has(.block__form--h) .block__form-booking.has-booking-input__promocode .block__inputs {
        grid-template-columns: 2fr 1fr auto
    }
}

@media (min-width:1100px) {
    .block__form-booking__wrapper:has(.block__form--h) .block__form-booking.has-booking-select__rooms .block__inputs {
        grid-template-columns: 2fr 1fr auto
    }
}

@media (min-width:1100px) {
    .block__form-booking__wrapper:has(.block__form--h) .block__form-booking.has-booking-input__promocode.has-booking-select__rooms .block__inputs {
        grid-template-columns: 1.5fr 1fr auto
    }
}

@media (min-width:1100px) {
    .block__form-booking__wrapper:has(.block__form--h) .block__form-booking.has-booking-select__hotels .block__inputs {
        grid-template-columns: .5fr 1.5fr 1.5fr auto!important
    }
}

.booking-input.booking-input__dateIn .booking-input__datepicker-wrapper>.vc {
    left: auto;
    right: 0
}
/*# sourceMappingURL=booking-style-07.css.map */