/* Styles definition here */
/* ===== Mini Grad palette (ONLY colors – no sizing) ===== */
#fbuilder{
  --mg-olive: #7E9656;        /* maslinasto */
  --mg-olive-dark: #5F7642;   /* tamnije za selekciju */
  --mg-mint: #EAF2DF;         /* pastelno zelena pozadina */
  --mg-mint-2: #DDEACB;       /* hover/soft naglasak */
  --mg-text: #2E3A22;         /* tamni tekst */
}

/* Kalendar: header (mjesec) */
#fbuilder .ui-datepicker .ui-datepicker-header{
  background: var(--mg-mint) !important;
  color: var(--mg-text) !important;
}

/* Nazivi dana (PO, UT...) */
#fbuilder .ui-datepicker th{
  color: var(--mg-text) !important;
}

/* Dani - default izgled (samo boje) */
#fbuilder .ui-datepicker td a,
#fbuilder .ui-datepicker td span{
  background: #ffffff !important;
  color: var(--mg-text) !important;
}

/* Hover dan */
#fbuilder .ui-datepicker td a:hover{
  background: var(--mg-mint-2) !important;
  color: var(--mg-text) !important;
}

/* Odabrani dan */
#fbuilder .ui-datepicker td a.ui-state-active,
#fbuilder .ui-datepicker td a.ui-state-highlight{
  background: var(--mg-olive) !important;
  color: #ffffff !important;
}

/* Dani koji nisu dostupni (ako ih plugin označava disabled) */
#fbuilder .ui-datepicker td.ui-state-disabled span,
#fbuilder .ui-datepicker td.ui-state-disabled{
  background: transparent !important;
  color: #9aa38e !important;
}

/* Time-slot gumbi: samo boje, bez okvira/radius/padding promjena */
#fbuilder .slots .slot,
#fbuilder .ahbslots .ahbslot,
#fbuilder .ui-datepicker + div a{
  background: #ffffff !important;
  color: var(--mg-text) !important;
  border-color: transparent !important; /* “bez okvira”, ali bez promjene dimenzije */
}

/* Hover time-slot */
#fbuilder .slots .slot:hover,
#fbuilder .ahbslots .ahbslot:hover,
#fbuilder .ui-datepicker + div a:hover{
  background: var(--mg-mint-2) !important;
  color: var(--mg-text) !important;
}

/* Odabrani time-slot */
#fbuilder .slots .slot.selected,
#fbuilder .ahbslots .ahbslot.selected,
#fbuilder .ui-datepicker + div a.selected{
  background: var(--mg-olive) !important;
  color: #ffffff !important;
  border-color: transparent !important;
}
/* Suptilna pastelno zelena pozadina SAMO kalendara */
#fbuilder .ui-datepicker {
  background: #f4f8ee !important; /* vrlo svijetla pastelno zelena */
}
/* Hide service dropdown (Mini Grad) */
.ahbfield_service {
  display: none !important;
}