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

/* Sovrascrive lo sfondo bianco del blocco descrizione/prezzo */
.vbo-rdet-descprice-block * {
    background-color: #1e1e1e !important; /* Il colore scuro del tuo tema */
    color: #ffffff !important; /* Testo bianco */
}

/* ------------------------------ */
/* SFONDO E BORDI DEL BOX DI RICERCA */
.vbo-room-details-booking-wrapper,
.vbo-room-details-booking-wrapper .vbdivsearch {
    background-color: #1e1e1e !important;
    background: #1e1e1e !important;
    border-color: #333333 !important;
}

/* TESTI ED ETICHETTE (Data check-in, Adulti, ecc.) */
.vbo-room-details-booking-wrapper label,
.vbo-room-details-booking-wrapper .vb-search-inner,
.vbo-room-details-booking-wrapper span {
    color: #ffffff !important;
}

/* CAMPI DI INPUT E SELETTORI (Date e Numeri) */
.vbo-room-details-booking-wrapper input[type="text"],
.vbo-room-details-booking-wrapper select {
    background-color: #2a2a2a !important;
    color: #ffffff !important;
    border: 1px solid #444444 !important;
}

/* ICONE DEL CALENDARIO E FRECCE */
.vbo-room-details-booking-wrapper .vbo-search-inp-icon,
.vbo-room-details-booking-wrapper i {
    color: #ffffff !important;
    fill: #ffffff !important;
}

/* ------------------------------ */
/* CONSTITUTORE PRINCIPALE DEL CALENDARIO */
#ui-datepicker-div,
#ui-datepicker-div.ui-widget-content {
    background-color: #1e1e1e !important;
    background: #1e1e1e !important;
    color: #ffffff !important;
    border: 1px solid #333333 !important;
    box-shadow: 0px 4px 15px rgba(0,0,0,0.5) !important;
}

/* INTESTAZIONE (Mesi e Frecce di navigazione) */
#ui-datepicker-div .ui-datepicker-header {
    background-color: #2a2a2a !important;
    background: #2a2a2a !important;
    color: #ffffff !important;
    border: none !important;
}

#ui-datepicker-div .ui-datepicker-title,
#ui-datepicker-div .ui-datepicker-prev,
#ui-datepicker-div .ui-datepicker-next {
    color: #ffffff !important;
}

/* NOMI DEI GIORNI (Lu, Ma, Me...) */
#ui-datepicker-div th {
    color: #aaaaaa !important;
}

/* GIORNI DISABILITATI (Non prenotabili) */
#ui-datepicker-div .ui-state-disabled span {
    background-color: #151515 !important;
    color: #555555 !important;
    opacity: 0.5 !important;
}

/* PULSANTI IN BASSO ("Cancella le date", "Chiudi") */
#ui-datepicker-div .ui-datepicker-buttonpane button {
    background-color: #2a2a2a !important;
    color: #ffffff !important;
    border: 1px solid #444444 !important;
}


/* --- STILE RANGE DATE SELEZIONATE --- */

/* 1. GIORNO DI CHECK-IN (Inizio soggiorno) */
#ui-datepicker-div td.checkin-date a,
#ui-datepicker-div td.checkin-date span {
    background-color: #f3a827 !important; /* Arancione pieno del tema */
    background: #f3a827 !important;
    color: #121212 !important; /* Testo scuro per massimo contrasto */
    font-weight: bold !important;
    border-radius: 6px 0 0 6px !important; /* Arrotonda solo i bordi a sinistra */
}

/* 2. GIORNI INTERMEDI (Notti del soggiorno) */
#ui-datepicker-div td.checkin-checkout-inner a,
#ui-datepicker-div td.checkin-checkout-inner span {
    background-color: #d18a1a !important; /* Arancione leggermente più scuro/desaturato per il range */
    background: #d18a1a !important;
    color: #ffffff !important; /* Testo bianco */
    border-radius: 0 !important; /* Rimuove lo stile tondo/arrotondato */
    border: none !important;
}

/* 3. GIORNO DI CHECK-OUT (Fine soggiorno) */
#ui-datepicker-div td.checkout-date a,
#ui-datepicker-div td.checkout-date span {
    background-color: #f3a827 !important; /* Stesso arancione pieno del check-in */
    background: #f3a827 !important;
    color: #121212 !important; /* Testo scuro */
    font-weight: bold !important;
    border-radius: 0 6px 6px 0 !important; /* Arrotonda solo i bordi a destra */
}

/* Rimuove l'effetto cerchio bianco/nero di default sulle celle del range */
#ui-datepicker-div td.checkin-date,
#ui-datepicker-div td.checkin-checkout-inner,
#ui-datepicker-div td.checkout-date {
    background: transparent !important;
    padding: 2px 0 !important;
}

/* --- AGGIORNAMENTO ALTRI ELEMENTI DATEPICKER (Opzionale, per coerenza) --- */

/* Colore d'accento per l'hover sui giorni e il giorno corrente */
#ui-datepicker-div .ui-state-hover,
#ui-datepicker-div .ui-state-active,
#ui-datepicker-div .ui-state-highlight {
    background-color: #f3a827 !important;
    background: #f3a827 !important;
    color: #121212 !important;
    border-color: #f3a827 !important;
}

/* STILE PULSANTE PRENOTA ORA */
.vbo-search-submit input[type="submit"],
input.btn.vbdetbooksubmit {
    background-color: #f3a827 !important; /* Giallo/Arancio dorato accattivante */
    background: #f3a827 !important;
    color: #121212 !important; /* Testo scuro contrastato */
    font-weight: 700 !important;
    text-transform: uppercase !important;
    border: none !important;
    border-radius: 6px !important;
    padding: 12px 24px !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3) !important;
}

/* EFFETTO AL PASSAGGIO DEL MOUSE (Hover) */
.vbo-search-submit input[type="submit"]:hover,
input.btn.vbdetbooksubmit:hover {
    background-color: #e09616 !important;
    background: #e09616 !important;
    color: #000000 !important;
    transform: translateY(-2px) !important; /* Leggero effetto sollevamento */
}