/* Contenitore del datepicker */

:root{
	--colour-red: #e94e2a;
	--colour-blu: #245375;
	--colour-white: #ffffff;
	--colour-black: #000000;
	--colour-gray: #262626;
}


.ui-datepicker {
  background: #fffaf3;
  border: 2px solid #e07a5f;
  border-radius: 10px;
  padding: 10px;
  box-shadow: 0 4px 15px rgba(0,0,0,0.15);
  z-index: 9999 !important;
}

/* Intestazione mese/anno */
.ui-datepicker-title {
  font-size: 16px;
  font-weight: bold;
  color: var(--colour-blu) !important;
  text-align: center;
  margin-bottom: 10px;
}

/* Pulsanti navigazione (prev/next) */
.ui-datepicker-prev, .ui-datepicker-next {
  cursor: pointer;
  color: #fff !important;
  /*background: var(--colour-red) !important;*/
  border-radius: 50%;
  width: 28px;
  height: 28px;
  line-height: 28px;
  text-align: center;
  font-size: 14px;
}

.ui-datepicker-prev:hover, .ui-datepicker-next:hover {
  background: var(--colour-blu);
}

/* Giorni della settimana */
.ui-datepicker th {
  color: #264653;
  font-weight: bold;
  padding: 5px 0;
}

/* Celle dei giorni */
.ui-datepicker td {
  text-align: center;
  padding: 2px;
}

.ui-datepicker td a {
  display: block;
  padding: 6px;
  color: #264653;
  text-decoration: none;
  border-radius: 6px;
  transition: all 0.2s ease;
}

/* Hover su un giorno */
.ui-datepicker td a:hover {
  background: var(--colour-blu);
  color: #fff !important;
}

/* Giorno selezionato */
.ui-datepicker .ui-state-active {
  background: var(--colour-red) !important;
  color: #fff !important;
  font-weight: bold;
}

/* Giorno di oggi */
.ui-datepicker .ui-state-highlight {
 background: var(--colour-red);
  color: #fff !important;
}

/* Giorni disabilitati */
.ui-datepicker .ui-state-disabled {
  opacity: 0.4;
  cursor: not-allowed !important;
}
/* esempio breve */
.ui-datepicker {
  background: #fffaf3;
  border: 2px solid #e07a5f;
  border-radius: 10px;
  padding: 10px;
  box-shadow: 0 4px 15px rgba(0,0,0,0.15);
  z-index: 9999 !important;
}
.ui-datepicker .ui-state-active { background: var(--colour-red) !important;
 color:#fff !important; }

#ui-datepicker-div {
    background: #fff;
     z-index: 200000000000 !important;
}