/* NOTE: SHOWROOM APPOINTMENT PAGE (programare-showroom.php): the booking form centered under the page hero */

.kmd-appointment__inner {
    max-width: 680px;
}

.kmd-appointment .kmd-form {
    border: 1px solid var(--kmd-line);
}

/* two fields per row, using the whole width of the form (one per row on phones) */
.kmd-appointment .kmd-form__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

@media (max-width: 480px) {
    .kmd-appointment .kmd-form__grid {
        grid-template-columns: minmax(0, 1fr);
    }
}

/* the hour select stays disabled until a date is chosen (javascript/new/appointment-form.js) */
.kmd-appointment .kmd-field__control:disabled {
    cursor: not-allowed;
    opacity: .55;
}