/* 1. DATE LIBERE - VERDE */
/* Tutte le celle che non sono bloccate */
.ui-datepicker-calendar td:not(.ui-datepicker-unselectable):not(.closed) {
    background-color: #28a745 !important; /* Verde pieno */
    border: 1px solid #ffffff !important;
}

.ui-datepicker-calendar td:not(.ui-datepicker-unselectable):not(.closed) a {
    color: #ffffff !important; /* Testo bianco per massima leggibilità */
    font-weight: bold !important;
}

/* 2. DATE OCCUPATE - ROSSO + BARRATO */
/* Octorate usa .closed o .ui-datepicker-unselectable per le date non disponibili */
.ui-datepicker-calendar td.closed, 
.ui-datepicker-calendar td.ui-datepicker-unselectable {
    background-color: #dc3545 !important; /* Rosso pieno (Bootstrap Danger) */
    background-image: none !important;
    opacity: 1 !important; /* Rimuove l'effetto sbiadito per un colore pieno */
    border: 1px solid #ffffff !important;
}

.ui-datepicker-calendar td.closed a,
.ui-datepicker-calendar td.closed span,
.ui-datepicker-calendar td.ui-datepicker-unselectable span,
.ui-datepicker-calendar td.ui-datepicker-unselectable a {
    color: #ffffff !important; /* Testo bianco su fondo rosso */
    text-decoration: line-through !important; /* Linea barrata */
    cursor: not-allowed !important;
    opacity: 0.8;
}

/* 3. EFFETTO HOVER (Passaggio mouse) */
/* Solo per le date prenotabili */
.ui-datepicker-calendar td:not(.ui-datepicker-unselectable):not(.closed):hover {
    background-color: #218838 !important; /* Verde più scuro al passaggio mouse */
}

/* 4. DATE SELEZIONATE (Check-in / Check-out) */
/* Per far risaltare le date che l'utente sta cliccando */
.ui-datepicker-calendar td.ui-datepicker-current-day {
    background-color: #0056b3 !important; /* Blu per la selezione */
    border: 2px solid #fff !important;
}