/* ── Bakgrund & wrapper ── */
#fbuilder { background: transparent; }

/* ── Labels & text ── */
#fbuilder, #fbuilder label, #fbuilder span {
  color: #c8bdb5;
  font-family: 'Source Sans 3', Arial, sans-serif;
  font-weight: 300;
}

/* ── Inputfält ── */
#fbuilder input[type=text],
#fbuilder input[type=email],
#fbuilder input[type=tel],
#fbuilder textarea,
#fbuilder select {
  background: #2e1e28;
  border: 1px solid #3e2e38;
  color: #e8e0d8;
  font-family: 'Source Sans 3', Arial, sans-serif;
  font-weight: 300;
}

/* ── Skicka-knapp ── */
#fbuilder .pbSubmit {
  background: #e10087;
  color: #fff;
  border: none;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  font-family: 'Source Sans 3', Arial, sans-serif;
  font-weight: 600;
  cursor: pointer;
}
#fbuilder .pbSubmit:hover { background: #ff40b0; }

/* ── Kalender: yttre ram ── */
#fbuilder .ui-datepicker {
  background: #1a1014;
  box-shadow: none;
  border: none;
}

/* ── Kalender: header ── */
#fbuilder .ui-datepicker-header {
  background: #1a1014;
  color: #c8bdb5;
  text-shadow: none;
  border: none;
  box-shadow: none;
}
#fbuilder .ui-datepicker-header a,
#fbuilder .ui-datepicker-header a span {
  color: #c8bdb5;
  border: none;
  background: transparent;
}

/* ── Veckodagsnamn ── */
#fbuilder .ui-datepicker th {
  background: #1a1014;
  color: #5c5650;
  font-weight: 400;
  font-size: 11px;
  letter-spacing: 0.06em;
  border: none;
}

/* ── Alla kanter i kalendern bort ── */
#fbuilder .ui-datepicker table,
#fbuilder .ui-datepicker thead,
#fbuilder .ui-datepicker tbody,
#fbuilder .ui-datepicker tr,
#fbuilder .ui-datepicker th,
#fbuilder .ui-datepicker td {
  border: none !important;
  outline: none !important;
}

/* ── Alla datumceller: nolla knapputseende ── */
#fbuilder .ui-datepicker td a,
#fbuilder .ui-datepicker td span {
  border: none !important;
  box-shadow: none !important;
  text-shadow: none !important;
  border-radius: 0 !important;
  outline: none !important;
  font-size: 14px;
  text-align: center;
  background: transparent;
}

/* ── TILLGÄNGLIGA datum ── */
#fbuilder td:not(.ui-datepicker-unselectable) a.ui-state-default {
  background: #4a3a44;
  color: #d8cfc8;
  font-weight: 500;
}
#fbuilder td:not(.ui-datepicker-unselectable) a.ui-state-default:hover {
  background: #e10087;
  color: #fff;
}

/* ── VALT datum ── */
#fbuilder .ui-datepicker-calendar .ui-state-active {
  background: #e10087 !important;
  color: #fff !important;
  font-weight: 600 !important;
}

/* ── EJ TILLGÄNGLIGA datum — läsbara men genomstrukna ── */
#fbuilder .ui-datepicker-unselectable .ui-state-default {
  background: transparent !important;
  color: #5c4a55 !important;
  text-decoration: line-through;
  font-weight: 300;
  cursor: default;
  pointer-events: none;
}

/* ── FULLBOKADE datum ── */
#fbuilder .notavailslot.ui-datepicker-unselectable .ui-state-default {
  background: transparent !important;
  color: #5c4a55 !important;
  text-decoration: line-through;
  pointer-events: none;
}

/* ── Tidsluckor wrapper ── */
#fbuilder .slots {
  background: #1e1018;
  box-shadow: none;
  border: none;
}
#fbuilder .slots div {
  border-bottom: 1px solid #2e1e28;
}

/* ── VALBARA tidsluckor ── */
#fbuilder .slots div a {
  background: #4a3a44;
  color: #d8cfc8;
  font-weight: 500;
  border: none !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  outline: none !important;
}
#fbuilder .slots div a:hover {
  background: #e10087;
  color: #fff;
}

/* ── EJ VALBARA tidsluckor — mörka och genomstrukna ── */
#fbuilder .slots .htmlUsed a,
#fbuilder .slots .htmlUsed span {
  background: #221218 !important;
  color: #3e2e38 !important;
  text-decoration: line-through;
  pointer-events: none;
  cursor: default;
}

/* ── Vald tid (bekräftelserad) ── */
#fbuilder .ahb_list .ahb_list_time,
#fbuilder .ahb_list .ahb_list_time .d,
#fbuilder .ahb_list .ahb_list_time .t,
#fbuilder .ahb_list .ahb_list_service,
#fbuilder .ahb_list a {
  background: #e10087;
  color: #1a1014;
  border: none !important;
  box-shadow: none !important;
  padding: 6px 12px;
  display: inline-block;
  font-weight: 600;
}

/* ── Vald tidslucka (den markerade knappen i tidsväljaren) ── */
#fbuilder .slots .currentSelection a {
  background: #e10087;
  color: #1a1014;
  font-weight: 600;
}

/* ── Tooltips ── */
#fbuilder .ui-tooltip,
.ui-tooltip,
.ui-widget.ui-tooltip {
  background: #f0e8e0;
  color: #1a1014;
  border: none;
  box-shadow: none;
  font-size: 12px;
  font-family: 'Source Sans 3', Arial, sans-serif;
}
/* ── Kalender: månadslådor med ytterram ── */
#fbuilder .ui-datepicker-group {
  border: 1px solid #3e2e38;
  padding: 0.5rem;
}

/* ── Responsiv kalender ── */
#fbuilder .ui-datepicker-inline { max-width: none !important; }