.booking-form form#prenotazione-tavolo-form {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    flex-wrap: nowrap;
    gap: 2rem;
}

.booking-form form#prenotazione-tavolo-form .form-row {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    width: 100%;
    grid-gap: 1rem;
}

.booking-form form#prenotazione-tavolo-form .form-row [class^="col"] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.booking-form form#prenotazione-tavolo-form .form-row :is(input, select, select[disabled] > option) {
    font-size: 0.8rem;
    color: #212121;
    font-weight: 500;
    padding: 0.4rem;
    border-radius: 3px;
}

.booking-form form#prenotazione-tavolo-form .form-row input[type="date"] {
    padding-inline-start: 0px;
}

.booking-form form#prenotazione-tavolo-form .form-row :is(select, select[disabled] > option) {
    padding-block: calc(0.4rem + 1px);
}


.booking-form form#prenotazione-tavolo-form .form-row select {
    padding: 0.2em 2rem 0.2em 0.5em;
    background: var(--global-palette9) url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNSIgaGVpZ2h0PSIyNSIgZmlsbD0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2U9IiNiYmIiPjxwYXRoIGQ9Ik02IDlsNiA2IDYtNiIvPjwvc3ZnPg==) no-repeat 99% 50%;
}

@media (max-width: 767px) {
    .booking-form form#prenotazione-tavolo-form .form-row {
        grid-template-columns: repeat(1, 1fr);
    }
}