/* This CSS file will be loaded at last. Any CSS customization should be placed here */

/* Sfondo principale della maschera di ricerca */
.vbdivsearch.vbo-search-mainview, 
.vbdivsearch .vb-search-inner {
    background-color: #cfa690 !important;
}

/* Sfondo dei singoli blocchi interni (se mantengono il grigio) */
.vbdivsearch .vbo-search-inpblock, 
.vbdivsearch .vbo-search-num-racblock {
    background-color: #cfa690 !important;
}

/* Colore background titolo pagina prenotazione */
.vbo-booking-details-head-confirmed,
.vbo-booking-details-head-confirmed * {
    background: #cfa690 !important;
    color: #fff !important;
}

/* Colore background pulsante pre check in nella pagina prenotazione */
.vbo-booking-precheckin-cmd a {
    background: #ab534d !important;
}

/* Colore background pulsante prenotazione */
.btn.booknow.vbo-pref-color-btn {
    background-color: #ab534d !important;
    border-color: #ab534d !important;
    color: #ffffff; /* Colore del testo bianco per garantire la leggibilità */
}

/* Pulsante prenotazione pagina conferma prenotazioen*/
.vbo-booking-details-head.vbo-booking-details-head-confirmed {
    background-color: #cfa690 !important;
}

.vbo-booking-details-head.vbo-booking-details-head-confirmed h4 {
    color: #ffffff !important;
}

/* 1. Forza lo sfondo dell'intero blocco sul colore richiesto */
div.vbo-booking-details-head.vbo-booking-details-head-confirmed,
.fusion-builder-row-4 .vbo-booking-details-head.vbo-booking-details-head-confirmed {
    background: #cfa690 !important;
    background-color: #cfa690 !important;
}

/* 2. Forza il testo a essere bianco e distrugge lo sfondo bianco del tag h4 */
div.vbo-booking-details-head.vbo-booking-details-head-confirmed h4,
.fusion-builder-row-4 .vbo-booking-details-head.vbo-booking-details-head-confirmed h4 {
    color: #ffffff !important;
    background: transparent !important;
    background-color: transparent !important;
}

/* Colora di bianco sia il link, sia le icone, sia qualsiasi testo interno */
.vbo-booking-details-actions-inner .vbo-booking-mod-cmd a,
.vbo-booking-details-actions-inner .vbo-booking-mod-cmd a *,
.fusion-builder-row-4 .vbo-booking-details-actions-inner a {
    color: #ffffff !important;
}


/* Forza le icone (FontAwesome) all'interno dei link ad essere bianche */
.vbo-booking-details-actions-inner a i {
    color: #ffffff !important;
}

/* Forza l'icona (FontAwesome) dentro il bottone di upsell a essere bianca */
.vbo-option-upsell-add button.vbo-pref-color-btn i {
    color: #ffffff !important;
}

/* Colpisce l'icona della chat, il suo contenitore e l'eventuale icona prima/dopo */
.vbo-booking-chat-control,
.vbo-booking-chat-control i,
.vbo-booking-chat-control i::before,
div[class*="vbo-booking-chat-control"] i {
    color: #ffffff !important;
}

/* Sblocca e posiziona l'icona in cima a qualsiasi gerarchia della pagina */
.vbo-booking-chat-control {
    position: fixed !important;
    z-index: 2147483647 !important; /* Massimo livello assoluto supportato dai browser */
    isolation: isolate !important;   /* Crea un contesto indipendente per non farsi coprire */
    transform: translateZ(0);         /* Attiva l'accelerazione hardware per forzare il primo piano grafico */
}

/* Forza l'icona del cestino (dentro il pulsante rosso) a essere bianca */
button.btn-danger i.fa-trash-alt,
button[onclick*="vboRemoveExtra"] i {
    color: #ffffff !important;
}

/* 1. Prende l'icona standard, le classi FontAwesome combinate e gli pseudo-elementi */
i.fas.fa-check-circle,
i.fa-check-circle,
i.fa-check-circle::before,
.plugin-container i.fa-check-circle {
    color: #ffffff !important;
}

/* Centra orizzontalmente il modulo di prenotazione */

.vbo-room-details-booking-wrapper {
    display: flex;
    justify-content: center; /* Centra orizzontalmente il modulo */
    align-items: center;     /* Centra verticalmente (se c'è altezza extra) */
    width: 100%;             /* Occupa tutta la larghezza disponibile */
}

.vbdivsearch {
    width: 100%;             /* Permette al form interno di gestire lo spazio */
    max-width: 1200px;       /* Opzionale: imposta un limite per non farlo allargare troppo */
}



.vb-search-inner {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;         /* Permette agli elementi di andare a capo su mobile */
    gap: 15px;               /* Spazio uniforme tra i vari campi */
}