/* 6Palette: #020201 (nero), #a26a2d (marrone), #f6f6f6 (grigio) --- */

/* 1) Testo, label e span */
#fbuilder,
#fbuilder label,
#fbuilder span {
  color: #020201;
}

/* 2) Campi di input, textarea e select */
#fbuilder input,
#fbuilder textarea,
#fbuilder select {
  background: #f6f6f6;
  border: 1px solid #a26a2d;
  color: #020201;
  border-radius: 4px;
  padding: 6px 8px;
}

/* 3) Calendario responsive */
#fbuilder .ui-datepicker-inline {
  width: 100% !important;
  max-width: none !important;
}
/* 6Palette: #020201 (nero), #a26a2d (marrone), #f6f6f6 (grigio) --- *//* 6Palette: #020201 (nero), #a26a2d (marrone), #f6f6f6 (grigio) --- */

/* 1) Testo, label e span */
#fbuilder,
#fbuilder label,
#fbuilder span {
  color: #020201;
}

/* 2) Campi di input, textarea e select */
#fbuilder input,
#fbuilder textarea,
#fbuilder select {
  background: #f6f6f6;
  border: 1px solid #a26a2d;
  color: #020201;
  border-radius: 4px;
  padding: 6px 8px;
}

/* 3) Calendario responsive */
#fbuilder .ui-datepicker-inline {
  width: 100% !important;
  max-width: none !important;
}

/* 4) Header calendario */
#fbuilder .ui-datepicker-header {
  background: #a26a2d;
  color: #f6f6f6;
  text-shadow: none;
  border: none;
}

/* 5) Giorni nel calendario */

/* 5a) Giorno corrente: cerchio grigio con bordo marrone, testo nero */
#fbuilder .ui-datepicker-calendar td.ui-datepicker-current-day a {
  background: #f6f6f6 !important;
  color: #020201 !important;
  border: 2px solid #a26a2d !important;
  border-radius: 50% !important;
}

/* 5b) Date disponibili: sfondo verde chiaro, testo verde scuro */
#fbuilder td:not(.ui-datepicker-unselectable) a.ui-state-default {
  background: #d4f4d2 !important;
  color: #116611 !important;
}

/* 6) SLOT ORARI */

/* 6a) Slot orari disponibili */
#fbuilder .slots a {
  background: #d4f4d2 !important;      /* verde chiaro */
  color: #116611 !important;           /* testo verde scuro */
  border: 1px solid #116611 !important;
  border-radius: 20px;
  padding: 8px 12px;
  display: inline-block;
  text-align: center;
  min-width: 60px;
  text-decoration: none;
}

/* 6b) Slot orari selezionato */
#fbuilder .slots .currentSelection a {
  background: #3bb880 !important;      /* verde più scuro */
  color: #ffffff !important;           /* testo bianco */
  font-weight: bold;
}

/* 6c) Slot orari non disponibili (già usati o disabilitati) — NON si toccano */
#fbuilder .slots .htmlUsed a {
  text-decoration: line-through;
  background: #ddd !important;
  color: #ccc !important;
}


/* 1) Testo, label e span */
#fbuilder,
#fbuilder label,
#fbuilder span {
  color: #020201;
}

/* 2) Campi di input, textarea e select */
#fbuilder input,
#fbuilder textarea,
#fbuilder select {
  background: #f6f6f6;
  border: 1px solid #a26a2d;
  color: #020201;
  border-radius: 4px;
  padding: 6px 8px;
}

/* 3) Calendario responsive */
#fbuilder .ui-datepicker-inline {
  width: 100% !important;
  max-width: none !important;
}

/* 4) Header calendario */
#fbuilder .ui-datepicker-header {
  background: #a26a2d;
  color: #f6f6f6;
  text-shadow: none;
  border: none;
}

/* 5) Giorni nel calendario */

/* 5a) Giorno corrente: cerchio grigio con bordo marrone, testo nero */
#fbuilder .ui-datepicker-calendar td.ui-datepicker-current-day a {
  background: #f6f6f6 !important;
  color: #020201 !important;
  border: 2px solid #a26a2d !important;
  border-radius: 50% !important;
}

/* 5b) Date disponibili: sfondo verde chiaro, testo verde scuro */
#fbuilder td:not(.ui-datepicker-unselectable) a.ui-state-default {
  background: #d4f4d2 !important;
  color: #116611 !important;
}

/* 6) Slot orari disponibili: verde */
#fbuilder .slots a {
  background: #d4f4d2 !important;   /* verde chiaro */
  color: #116611 !important;        /* testo verde scuro */
  border: 1px solid #116611 !important;
  border-radius: 20px;
  padding: 8px 12px;
  display: inline-block;
  text-align: center;
  min-width: 60px;
}

/* 7) Slot orario selezionato: verde più scuro */
#fbuilder .slots .currentSelection a {
  background: #3bb880 !important;   /* verde più scuro */
  color: #ffffff !important;        /* testo bianco */
  font-weight: bold;
}

/* 4) Header calendario */
#fbuilder .ui-datepicker-header {
  background: #a26a2d;
  color: #f6f6f6;
  text-shadow: none;
  border: none;
}

/* 5) Giorni nel calendario */

/* 5a) Giorno corrente: cerchio grigio con bordo marrone, testo nero */
#fbuilder .ui-datepicker-calendar td.ui-datepicker-current-day a {
  background: #f6f6f6 !important;
  color: #020201 !important;
  border: 2px solid #a26a2d !important;
  border-radius: 50% !important;
}

/* 5b) Date disponibili: sfondo verde chiaro, testo verde scuro */
#fbuilder td:not(.ui-datepicker-unselectable) a.ui-state-default {
  background: #d4f4d2 !important;
  color: #116611 !important;
}