/* ============================================================
   1. HOME: ALLINEAMENTO PERFETTO E COLORE ORO
   ============================================================ */
/* Forza il contenitore ad essere un blocco unico orizzontale */
html body .mphb_sc_search-form {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: flex-end !important; /* Allinea i box e il pulsante sulla base */
    justify-content: center !important;
    gap: 15px !important;
    background: rgba(255, 255, 255, 0.15) !important;
    backdrop-filter: blur(10px) !important;
    padding: 20px !important;
    border-radius: 12px !important;
    width: fit-content !important;
    margin: 20px auto !important;
}

/* Rimuove etichette e scritte che sfasano l'altezza */
html body .mphb_sc_search-form label,
html body .mphb_sc_search-form br,
html body .mphb-required-fields-tip {
    display: none !important;
}

/* Rimuove margini dai paragrafi per l'allineamento */
html body .mphb_sc_search-form p {
    margin: 0 !important;
    padding: 0 !important;
}

/* ============================================================
   2. PAGINA APPARTAMENTO: FIX DOPPIO PULSANTE E SPAZI
   ============================================================ */
/* Distanzia i box date */
html body .mphb-booking-form > p {
    margin-bottom: 20px !important;
}

/* RISOLUZIONE DOPPIO PULSANTE: 
   Nasconde il pulsante "Verifica" non appena appare quello di "Conferma" */
html body .mphb-reserve-btn-wrapper .mphb-button {
    display: block !important;
}

html body .mphb-reserve-btn-wrapper .mphb-button + .mphb-button {
    display: none !important; /* Nasconde il duplicato se presente */
}

/* Se MotoPress scambia i pulsanti, questo assicura che ne vediamo solo uno alla volta */
.mphb-reserve-btn-wrapper .mphb-button.mphb-confirm-checkout {
    margin-top: 0 !important;
}

/* ============================================================
   3. COLORE ORO TOTALE (CONTRO IL ROSSO)
   ============================================================ */
html body .mphb-button, 
html body .mphb-confirm-checkout, 
html body .mphb-search-submit-button,
html body .mphb-reserve-btn,
html body input[type="submit"] {
    background-color: #d4af37 !important;
    background-image: none !important;
    color: #ffffff !important;
    border: none !important;
    height: 48px !important; /* Altezza fissa per allineamento Home */
    padding: 0 30px !important;
    font-weight: bold !important;
    text-transform: uppercase !important;
    border-radius: 5px !important;
}

/* ============================================================
   4. PULIZIA TESTI (VERSIONE LEGGERA)
   ============================================================ */
/* Nasconde "Loft moderno..." e scritte tecniche */
.mphb-room-type-title, 
.mphb-rooms-quantity-wrapper,
.mphb-booking-confirm-message a {
    display: none !important;
}

/* Messaggio di disponibilità pulito */
.mphb-booking-confirm-message {
    font-size: 0 !important;
}
.mphb-booking-confirm-message::after {
    content: "Disponibile! Procedi con la prenotazione.";
    font-size: 16px !important;
    color: #27ae60 !important;
    display: block !important;
    font-weight: bold !important;
}
/* ============================================================
   6. PAGINA CHECKOUT (CONFERMA PRENOTAZIONE): BLINDATURA
   ============================================================ */
/* Forza il modulo ad essere più stretto e centrato */
html body .mphb_sc_checkout-form {
    max-width: 800px !important;
    margin: 30px auto !important;
    background-color: #fff !important;
    padding: 30px !important;
    border-radius: 10px !important;
    box-shadow: 0 5px 20px rgba(0,0,0,0.05) !important;
}

/* 6a. Dettagli Prenotazione e Prezzo */
html body .mphb-checkout-details {
    background-color: #fdfaf3 !important; /* Crema leggerissimo */
    border: 2px solid #d4af37 !important; /* Bordo Oro */
    padding: 25px !important;
    border-radius: 12px !important;
    margin-bottom: 40px !important;
}

/* Nasconde "Alloggio #1", "Prezzo Totale: €160", ecc. inutili */
html body .mphb-checkout-details .mphb-room-number-wrapper,
html body .mphb-checkout-details .mphb-checkout-total-wrapper,
html body .mphb-checkout-details .mphb-room-type-title {
    display: none !important;
}

/* 6b. Titoli Sezioni (I tuoi dati, ecc.) */
html body .mphb-checkout-section-title {
    color: #333 !important;
    text-transform: uppercase !important;
    font-weight: 700 !important;
    border-bottom: 2px solid #d4af37 !important;
    padding-bottom: 8px !important;
    margin-top: 25px !important;
    margin-bottom: 20px !important;
}

/* 6c. Campi Input (Nome, Email) - "Aria" e Stile */
html body .mphb-checkout-form input:not([type="submit"]),
html body .mphb-checkout-form textarea,
html body .mphb-checkout-form select {
    width: 100% !important;
    padding: 12px 15px !important;
    border: 1px solid #ddd !important;
    border-radius: 6px !important;
    background-color: #fff !important;
    margin-bottom: 18px !important; /* Spazio sotto ogni campo */
    transition: 0.3s !important;
}

/* Colore rosso per gli errori (es. numero adulti non valido) */
html body .mphb-errors-wrapper, html body .mphb-errors-wrapper li {
    color: #c0392b !important;
    font-weight: 600 !important;
    margin-bottom: 15px !important;
}

/* 6d. PULSANTE FINALE "PRENOTA ORA" (ORO) */
html body .mphb-button.mphb-confirm-checkout {
    background-color: #d4af37 !important;
    background-image: none !important;
    color: #fff !important;
    font-size: 20px !important;
    height: 60px !important; /* Più alto e importante */
    width: 100% !important;
    margin-top: 30px !important;
}