/* 
*   BOOKING FORM
*/
.sb__dates {
    display: flex !important;
    gap: 10px !important;
    width: 100% !important;
}

.sb a {
    color: var(--color-white) !important;
    font-size: 18px !important;
    height: fit-content !important;
}

a#sb-container_sb__footer-promo-wrapper {
    margin: 0px !important;
    color: var(--color-white) !important;
    font-size: 14px !important;
}

a#sb-container_sb__form-field--reservationedit {
    margin: 0px !important;
    color: var(--color-white) !important;
    font-size: 14px !important;
}

.sb__footer-actions {
    display: flex !important;
    gap: 20px !important;
    background: var(--color-primary) !important;
    padding: 5px 10px !important;
    margin-top: 5px !important;
}

input#sb-container_sb__form-field--checkavailability {
    font-size: 16px !important;
    text-transform: uppercase !important;
    font-weight: 600 !important;
    color: var(--color-white) !important;
}

#sb-container .sb-custom-field-bg-color {
    background-color: var(--color-white) !important;
    border-radius: 0px !important;
}

#sb-container .sb-custom-icon-color {
    fill: var(--color-black) !important;
    color: var(--color-black) !important;
}

#sb-container .sb-custom-label-color {
    color: var(--color-black) !important;
}

span.sb__form-field-label.sb-custom-label-color {
    display: none !important;
}

input#sb-container_sb__form-field--checkavailability {
    margin: 0px !important;
}

.sb-screen-l .sb__form-field-date-number {
    font-size: 32px !important;
    line-height: 32px !important;
}

.sb-screen-l .sb__form-field-month-year,
.sb-screen-l .sb__form-field-guests {
    font-size: 12px !important;
    line-height: 16px !important;
}

.sb-screen-l .sb__form-field-weekday,
.sb-screen-l .sb__form-field-rooms {
    font-size: 11px !important;
}

#sb-container .sb-custom-button-bg-color {
    background-color: var(--color-secondary);
    border-radius: 0px;
}

.sb-screen-m .sb__footer-actions {
    width: auto;
    float: left;
    display: flex !important;
    align-items: center;
}

body div.sb input#sb-container_sb__form-field--checkavailability {
    color: var(--color-white) !important;
    width: 100% !important;
}

a.booking-form-conditions {
    color: white !important;
    background: var(--color-primary) !important;
    padding: 5px 10px;
    margin: 8px;
    font-size: 14px !important;
    text-decoration: underline !important;
    text-underline-offset: 3px;
}

#booking-form a#bfPreventivo,
#booking-form a#bfPreventivo:active,
#booking-form a#bfPreventivo:focus,
#booking-form a#bfPreventivo:visited {
    margin: 0;
    background: var(--color-white);
    background-color: var(--color-white);
    border: 1px solid var(--color-secondary);
    color: var(--color-secondary) !important;
    letter-spacing: normal;
    font-weight: bold;
    border-radius: 0;
    font-size: 14px !important;
    line-height: normal;
    padding: 5px !important;
    grid-row: 1 / 3;
    grid-column: -2;
    justify-content: center;
    display: flex;
    align-items: center;
    text-transform: uppercase;
    text-decoration: none;
    height: 56px !important;
    text-align: center;
    margin-left: 10px;
}

#booking-form div.sb__form {
    display: grid;
    grid-template-columns: 5fr 1fr 2fr 2fr;
    grid-template-rows: auto;
    gap: 0rem;
}

.sb__guests-rooms {
    width: 100% !important;
}

.sb-screen-l .sb__form-field-input {
    padding: 11px !important;
    height: 56px;
}

.sb__form-field {
    display: inline-block;
    min-width: 200px !important;
}