.elementor-11 .elementor-element.elementor-element-6dcac21a{--display:flex;}/* Start custom CSS for text-editor, class: .elementor-element-43b6a628 *//* Applichiamo lo stile direttamente all'ID che hai inserito in Elementor */
#mio-form-booking {
    display: block !important;
    width: 100% !important;
    float: none !important;
    clear: both !important;
}

/* Forza il modulo di ricerca a prendersi tutto lo spazio in alto */
.hotel-booking-search {
    display: block !important;
    width: 100% !important;
    margin-bottom: 50px !important;
}

/* Forza i risultati a stare sotto */
#hotel-booking-results {
    display: block !important;
    width: 100% !important;
    clear: both !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6dcac21a *//* 1. TRASFORMA IL FORM IN ORIZZONTALE */
#hb-form-search-page.hb-search-form-698b0de3a55a7 {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important; /* Forza su una riga sola */
    align-items: flex-end !important;
    justify-content: space-between !important;
    gap: 10px !important;
}

/* 2. SISTEMA LA LISTA DEI CAMPI */
#hb-form-search-page ul.hb-form-table {
    display: flex !important;
    flex-direction: row !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
    flex-grow: 1 !important;
}

/* 3. SISTEMA I SINGOLI CAMPI (Check-in, Adulti, ecc.) */
#hb-form-search-page ul.hb-form-table li.hb-form-field {
    flex: 1 !important;
    margin: 0 5px !important;
    width: auto !important;
    display: block !important;
    float: none !important; /* Rimuove vecchi allineamenti */
}

/* 4. ALLINEA IL BOTTONE "CHECK AVAILABILITY" SULLA STESSA RIGA */
#hb-form-search-page .hb-submit {
    margin: 0 !important;
    padding: 0 !important;
    flex-shrink: 0 !important;
}

/* 5. RISULTATI (SEZIONE 2) SEMPRE SOTTO */
#hotel-booking-results {
    display: block !important;
    width: 100% !important;
    margin-top: 40px !important;
    clear: both !important;
}

/* 6. OTTIMIZZAZIONE PER MOBILE (Sotto i 900px torna verticale) */
@media (max-width: 900px) {
    #hb-form-search-page.hb-search-form-698b0de3a55a7,
    #hb-form-search-page ul.hb-form-table {
        flex-direction: column !important;
        flex-wrap: wrap !important;
    }
    
    #hb-form-search-page ul.hb-form-table li.hb-form-field,
    #hb-form-search-page .hb-submit {
        width: 100% !important;
        margin: 5px 0 !important;
    }
}/* End custom CSS */