/* ============================================
   CSS für MEWS Buchungsformular (Zimmerseiten)
   Einzeilige Darstellung
   ============================================ */

/* Formular-Grid in einer Zeile */
.hoteliers-form__grid--3-fields {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: nowrap;      /* Kein Umbruch - alles in einer Zeile */
    gap: 20px;
}

/* Alle Grid-Items vertikal zentrieren */
.hoteliers-form__grid--3-fields .hoteliers-form__grid-item {
    display: flex;
    align-items: center;
}

/* Datumsfelder gleich groß */
.hoteliers-form__grid--3-fields .hoteliers-form__grid-item[data-item="hoteliers_arrival"] .hoteliers-form__form-field,
.hoteliers-form__grid--3-fields .hoteliers-form__grid-item[data-item="hoteliers_departure"] .hoteliers-form__form-field {
    width: 180px;
    min-width: 180px;
    padding: 12px 15px;
    font-size: 16px;
    box-sizing: border-box;
}

/* Container für Datumsfelder */
.hoteliers-form__grid--3-fields .hoteliers-form__form-field-container {
    display: flex;
    align-items: center;
}

/* Button passend gestalten */
.hoteliers-form__grid--3-fields .hoteliers-form__grid-item[data-item="hoteliers_submit"] .column {
    display: flex;
    align-items: center;
}

/* Icon ausblenden (da type="date" bereits ein Kalender-Icon hat) */
.hoteliers-form__grid--3-fields .hoteliers-form__icon {
    display: none;
}

/* Responsive: Auf kleinen Bildschirmen umbrechen */
@media (max-width: 600px) {
    .hoteliers-form__grid--3-fields {
        flex-wrap: wrap;
    }
}