/* Styles definition here */
#fbuilder,
#fbuilder label,
#fbuilder span {
  color: #ffffff;
}

#fbuilder input[type="text"],
#fbuilder input[type="email"],
#fbuilder textarea,
#fbuilder select {
  background: #ffffff;
  color: #111111;
}
#fbuilder,
#fbuilder label,
#fbuilder .fields,
#fbuilder .dfield,
#fbuilder .uh {
  color: #ffffff !important;
}

#fbuilder input,
#fbuilder select,
#fbuilder textarea {
  background: #ffffff !important;
  color: #111111 !important;
}

#fbuilder .slots,
#fbuilder .slots span,
#fbuilder .slots a {
  color: #111111 !important;
}

#fbuilder .ahb_list_service,
#fbuilder .ahb_list_service span {
  color: #111111 !important;
}
#fbuilder {
  max-width: 900px;
  margin: 0 auto;
  padding: 30px;
  background: #111827;
  border-radius: 18px;
  box-shadow: 0 10px 30px rgba(0,0,0,0.25);
}

#fbuilder .fields {
  margin-bottom: 18px;
}

#fbuilder input[type="text"],
#fbuilder input[type="email"],
#fbuilder select,
#fbuilder textarea {
  width: 100% !important;
  padding: 12px 14px !important;
  border: 1px solid #d1d5db !important;
  border-radius: 10px !important;
  font-size: 16px !important;
  box-sizing: border-box;
}

#fbuilder input:focus,
#fbuilder select:focus,
#fbuilder textarea:focus {
  outline: none !important;
  border-color: #0B4FB3 !important;
  box-shadow: 0 0 0 3px rgba(11,79,179,0.18) !important;
}

#fbuilder .pbSubmit {
  background: #0B4FB3 !important;
  color: #ffffff !important;
  border: none !important;
  border-radius: 10px !important;
  padding: 14px 24px !important;
  font-weight: 700 !important;
  font-size: 16px !important;
  cursor: pointer;
}

#fbuilder .pbSubmit:hover {
  opacity: 0.9;
}

#fbuilder .slots {
  gap: 8px;
}

#fbuilder .slots span,
#fbuilder .slots a {
  border-radius: 8px !important;
  padding: 10px 14px !important;
}
/* Créneaux encore disponibles */
#fbuilder .availableslot a {
    background: #22c55e !important;
    color: #ffffff !important;
    border-color: #22c55e !important;
}

/* Créneaux complets */
#fbuilder .htmlUsed {
    background: #dc2626 !important;
    color: #ffffff !important;
    border-color: #dc2626 !important;
    border-radius: 8px !important;
}