/* Betöltött Onest betűtípus alkalmazása */
#fbuilder .ui-datepicker,
#fbuilder .ui-datepicker td a,
#fbuilder .ui-datepicker th,
#fbuilder .slots div a {
  font-family: 'Onest', sans-serif !important;
}


/* Naptár konténer */
#fbuilder .ui-datepicker-inline {
  background-color: #ffffff !important;
  border-radius: 16px !important;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1);
  padding: 16px !important;
  max-width: 100%;
}

/* Fejléc – hónap név */
#fbuilder .ui-datepicker-header {
  background: #ffffff;
  color: #0c6c63;
  border: none;
  border-radius: 12px 12px 0 0;
  padding: 8px 0;
  font-weight: bold;
  font-size: 1.4rem;
  text-shadow:none;
}

/* Napok nevei */
#fbuilder .ui-datepicker th {
  background: #e0f5f2;
  color: #267c74;
  padding: 6px 0;
  border: 0;
  text-align: center;
}

/* Elérhető napok – középen, hover animációval */
#fbuilder td:not(.ui-datepicker-unselectable) a.ui-state-default {
  background: #e0f5f2;
  color: #0c6c63;
  border-radius: 8px;
  padding: 0;
  margin: 2px;
  width: 100%;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background-color 0.2s ease;
  font-size: 1.1rem;
}

#fbuilder td:not(.ui-datepicker-unselectable) a.ui-state-default:hover {
  background: #89e4d8;
}

/* Aktívan kiválasztott nap */
#fbuilder .ui-datepicker-calendar .ui-state-active {
  background: #b2f0e8 !important;
  color: #044e46 !important;
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
  text-shadow: none !important;
}

/* Nem elérhető (pl. múltbeli) napok */
#fbuilder .ui-datepicker-unselectable .ui-state-default,
#fbuilder .beforemindate.ui-datepicker-unselectable .ui-state-default {
  background: #f0f0f0 !important;
  color: #aaa !important;
  cursor: not-allowed;
}

/* Teljesen foglalt nap */
#fbuilder .notavailslot.ui-datepicker-unselectable .ui-state-default {
  background: #ffc9c9 !important;
  color: #800 !important;
}

/* Időpont (slot) gomb */
#fbuilder .slots div a {
  background: #0c6c63;
  color: #ffffff;
  border-radius: 6px;
  padding: 6px 12px;
  margin: 4px;
  font-size: 0.95rem;
  transition: background-color 0.2s ease;
}

#fbuilder .slots div a:hover {
  background: #044e46;
}

/* Kiválasztott időpont gomb */
#fbuilder .slots .currentSelection a {
  background: #044e46 !important;
  color: #ffffff !important;
}

/* Táblázat szegélyek eltávolítása */
#fbuilder .ui-datepicker table,
#fbuilder .ui-datepicker th,
#fbuilder .ui-datepicker td {
  border: 0 !important;
}
/* Címke színének módosítása */
.my-required label {
  color: #e60000 !important; /* piros */
}

/* Hibajelzés színének módosítása (pl. "is required") */
#fbuilder .cpefb_error {
  color: #e60000 !important;
}

/* A dialógusablak szövegének színe (pl. confirm üzenetek) */
#fbuilder .cff-dialog-content {
  color: #000000 !important;
}
/* Használt / már foglalt időpontok – piros áthúzással */
#fbuilder .slots .htmlUsed a {
  background: #3af002 !important;   /* zöld háttér */
  color: #000000 !important;        /* fekete szöveg */
  /*text-decoration: line-through !important; 
  cursor: not-allowed !important; */
  pointer-events: none !important;
  font-weight: bold;
}