.elementor-718 .elementor-element.elementor-element-a5255b4{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:75px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-718 .elementor-element.elementor-element-8edc850{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}:root{--page-title-display:none;}/* Start custom CSS for shortcode, class: .elementor-element-24fe774 *//* let the booking form sit on the page background */
.tmb-booking-wrap .latepoint-booking-form-element,
.tmb-booking-wrap .latepoint-booking-form-element > div,
.tmb-booking-wrap .latepoint-booking-form-element .latepoint-form-w,
.tmb-booking-wrap .latepoint-booking-form-element .os-form-content,
.tmb-booking-wrap .latepoint-booking-form-element .os-step-content,
.tmb-booking-wrap .latepoint-booking-form-element .step-heading-w,
.tmb-booking-wrap .latepoint-booking-form-element .os-heading-w,
.tmb-booking-wrap .latepoint-booking-form-element .os-panel,
.tmb-booking-wrap .latepoint-booking-form-element .os-panel-body {
  background: transparent !important;
  background-color: transparent !important;
  box-shadow: none !important;
}

/* make all booking text readable on the dark page */
.tmb-booking-wrap .latepoint-booking-form-element,
.tmb-booking-wrap .latepoint-booking-form-element h1,
.tmb-booking-wrap .latepoint-booking-form-element h2,
.tmb-booking-wrap .latepoint-booking-form-element h3,
.tmb-booking-wrap .latepoint-booking-form-element h4,
.tmb-booking-wrap .latepoint-booking-form-element h5,
.tmb-booking-wrap .latepoint-booking-form-element h6,
.tmb-booking-wrap .latepoint-booking-form-element p,
.tmb-booking-wrap .latepoint-booking-form-element span,
.tmb-booking-wrap .latepoint-booking-form-element label,
.tmb-booking-wrap .latepoint-booking-form-element div,
.tmb-booking-wrap .latepoint-booking-form-element a {
  color: #ffffff !important;
}

/* cards, fields, and slots get their own dark surfaces */
.tmb-booking-wrap .step-services-w ul li a,
.tmb-booking-wrap .step-locations-w ul li a,
.tmb-booking-wrap .dp-timeslot,
.tmb-booking-wrap .os-item,
.tmb-booking-wrap input,
.tmb-booking-wrap select,
.tmb-booking-wrap textarea {
  background: rgba(15, 16, 18, 0.92) !important;
  border: 1px solid rgba(188, 145, 48, 0.22) !important;
  color: #ffffff !important;
  box-shadow: none !important;
}

/* placeholders */
.tmb-booking-wrap input::placeholder,
.tmb-booking-wrap textarea::placeholder {
  color: rgba(255, 255, 255, 0.55) !important;
}

/* hover and selected states */
.tmb-booking-wrap .step-services-w ul li a:hover,
.tmb-booking-wrap .step-services-w ul li.selected a,
.tmb-booking-wrap .step-locations-w ul li a:hover,
.tmb-booking-wrap .step-locations-w ul li.selected a,
.tmb-booking-wrap .dp-timeslot:hover,
.tmb-booking-wrap .dp-timeslot.selected,
.tmb-booking-wrap .os-item:hover,
.tmb-booking-wrap .os-item.selected {
  background: rgba(188, 145, 48, 0.12) !important;
  border-color: #bc9130 !important;
  color: #ffffff !important;
}

/* buttons */
.tmb-booking-wrap .latepoint-btn,
.tmb-booking-wrap .latepoint-btn-primary,
.tmb-booking-wrap .os-btn,
.tmb-booking-wrap button[type="submit"] {
  background: #bc9130 !important;
  border: 1px solid #bc9130 !important;
  color: #060606 !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.08em !important;
  box-shadow: none !important;
}

.tmb-booking-wrap .latepoint-btn:hover,
.tmb-booking-wrap .latepoint-btn-primary:hover,
.tmb-booking-wrap .os-btn:hover,
.tmb-booking-wrap button[type="submit"]:hover {
  background: #c99b35 !important;
  border-color: #c99b35 !important;
  color: #060606 !important;
}

/* selected calendar day */
.tmb-booking-wrap .os-monthly-calendar-days .os-day.selected .os-day-box {
  background: #bc9130 !important;
}

.tmb-booking-wrap .os-monthly-calendar-days .os-day.selected,
.tmb-booking-wrap .os-monthly-calendar-days .os-day.selected span,
.tmb-booking-wrap .os-monthly-calendar-days .os-day.selected .day-number {
  color: #060606 !important;
}

/* TMB booking page, target the REAL LatePoint wrappers */
.tmb-booking-wrap .latepoint-form-w,
.tmb-booking-wrap .latepoint-form,
.tmb-booking-wrap .latepoint-heading-w,
.tmb-booking-wrap .latepoint-body,
.tmb-booking-wrap .latepoint-footer {
  background: transparent !important;
  background-color: transparent !important;
  box-shadow: none !important;
}

/* keep the outer 3-column shell clean */
.tmb-booking-wrap .latepoint-booking-form-element {
  background: transparent !important;
  box-shadow: none !important;
}

/* keep left and right dark panels intentional */
.tmb-booking-wrap .latepoint-side-panel,
.tmb-booking-wrap .latepoint-summary-w {
  background: #060606 !important;
}

/* bring back the Summary label */
.tmb-booking-wrap .latepoint-summary-w .summary-header-label {
  color: #ffffff !important;
  opacity: 1 !important;
  display: inline-block !important;
}

/* make middle form text readable on dark page */
.tmb-booking-wrap .latepoint-form-w,
.tmb-booking-wrap .latepoint-form-w h1,
.tmb-booking-wrap .latepoint-form-w h2,
.tmb-booking-wrap .latepoint-form-w h3,
.tmb-booking-wrap .latepoint-form-w h4,
.tmb-booking-wrap .latepoint-form-w h5,
.tmb-booking-wrap .latepoint-form-w h6,
.tmb-booking-wrap .latepoint-form-w p,
.tmb-booking-wrap .latepoint-form-w span,
.tmb-booking-wrap .latepoint-form-w label,
.tmb-booking-wrap .latepoint-form-w div,
.tmb-booking-wrap .latepoint-form-w a {
  color: #ffffff !important;
}

/* service cards, times, fields */
.tmb-booking-wrap .os-item,
.tmb-booking-wrap .step-services-w ul li a,
.tmb-booking-wrap .step-locations-w ul li a,
.tmb-booking-wrap .dp-timeslot,
.tmb-booking-wrap input,
.tmb-booking-wrap select,
.tmb-booking-wrap textarea {
  background: rgba(15, 16, 18, 0.92) !important;
  border: 1px solid rgba(188, 145, 48, 0.22) !important;
  color: #ffffff !important;
  box-shadow: none !important;
}

/* hover and selected */
.tmb-booking-wrap .os-item:hover,
.tmb-booking-wrap .os-item.selected,
.tmb-booking-wrap .step-services-w ul li a:hover,
.tmb-booking-wrap .step-services-w ul li.selected a,
.tmb-booking-wrap .step-locations-w ul li a:hover,
.tmb-booking-wrap .step-locations-w ul li.selected a,
.tmb-booking-wrap .dp-timeslot:hover,
.tmb-booking-wrap .dp-timeslot.selected {
  background: rgba(188, 145, 48, 0.12) !important;
  border-color: #bc9130 !important;
  color: #ffffff !important;
}

/* buttons */
.tmb-booking-wrap .latepoint-btn,
.tmb-booking-wrap .latepoint-btn-primary,
.tmb-booking-wrap .os-btn,
.tmb-booking-wrap button[type="submit"] {
  background: #bc9130 !important;
  border: 1px solid #bc9130 !important;
  color: #060606 !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.08em !important;
  box-shadow: none !important;
}

/* placeholders */
.tmb-booking-wrap input::placeholder,
.tmb-booking-wrap textarea::placeholder {
  color: rgba(255,255,255,0.55) !important;
}

/* calendar selected day */
.tmb-booking-wrap .os-monthly-calendar-days .os-day.selected .os-day-box {
  background: #bc9130 !important;
}

.tmb-booking-wrap .os-monthly-calendar-days .os-day.selected,
.tmb-booking-wrap .os-monthly-calendar-days .os-day.selected span,
.tmb-booking-wrap .os-monthly-calendar-days .os-day.selected .day-number {
  color: #060606 !important;
}

/* ---------- FIX THE ACTUAL SERVICE / LOCATION CARDS ---------- */
.tmb-booking-wrap .step-services-w .os-item,
.tmb-booking-wrap .step-services-w ul li a,
.tmb-booking-wrap .step-locations-w .os-item,
.tmb-booking-wrap .step-locations-w ul li a,
.tmb-booking-wrap .dp-timeslot {
  background: #17181c !important;
  background-color: #17181c !important;
  border: 1px solid rgba(188, 145, 48, 0.22) !important;
  box-shadow: none !important;
}

/* text inside those cards */
.tmb-booking-wrap .step-services-w .os-item *,
.tmb-booking-wrap .step-services-w ul li a *,
.tmb-booking-wrap .step-locations-w .os-item *,
.tmb-booking-wrap .step-locations-w ul li a *,
.tmb-booking-wrap .dp-timeslot,
.tmb-booking-wrap .dp-timeslot * {
  color: #ffffff !important;
}

/* hover + selected ONLY for service/location/timeslot items */
.tmb-booking-wrap .step-services-w .os-item:hover,
.tmb-booking-wrap .step-services-w .os-item.selected,
.tmb-booking-wrap .step-services-w ul li a:hover,
.tmb-booking-wrap .step-services-w ul li.selected a,
.tmb-booking-wrap .step-locations-w .os-item:hover,
.tmb-booking-wrap .step-locations-w .os-item.selected,
.tmb-booking-wrap .step-locations-w ul li a:hover,
.tmb-booking-wrap .step-locations-w ul li.selected a,
.tmb-booking-wrap .dp-timeslot:hover,
.tmb-booking-wrap .dp-timeslot.selected {
  background: rgba(188, 145, 48, 0.12) !important;
  background-color: rgba(188, 145, 48, 0.12) !important;
  border-color: #bc9130 !important;
  color: #ffffff !important;
}

/* ---------- FIX THE SUMMARY HEADING / WHITE BLOCK ---------- */
.tmb-booking-wrap .latepoint-summary-w .summary-header-label,
.tmb-booking-wrap .latepoint-summary-w .summary-header-label *,
.tmb-booking-wrap .latepoint-summary-w .summary-header,
.tmb-booking-wrap .latepoint-summary-w .summary-header *,
.tmb-booking-wrap .latepoint-summary-w .latepoint-heading-w,
.tmb-booking-wrap .latepoint-summary-w .latepoint-heading-w * {
  background: transparent !important;
  background-color: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  color: #ffffff !important;
  opacity: 1 !important;
}

/* ---------- STOP THE SUMMARY ITEMS FROM GETTING THE WRONG HOVER ---------- */
.tmb-booking-wrap .latepoint-summary-w .os-item,
.tmb-booking-wrap .latepoint-summary-w .os-item:hover,
.tmb-booking-wrap .latepoint-summary-w .os-item.selected {
  background: transparent !important;
  background-color: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

.tmb-booking-wrap .latepoint-summary-w .os-item,
.tmb-booking-wrap .latepoint-summary-w .os-item * {
  color: #ffffff !important;
}

/* STEP 1 ONLY: fix the category cards at the start of booking */
.tmb-booking-wrap .step-services-w .os-item-category-info-w,
.tmb-booking-wrap .step-services-w .os-item-category-info,
.tmb-booking-wrap .step-services-w .os-item-category-info.os-item-i {
  background: #17181c !important;
  background-color: #17181c !important;
  border: 1px solid rgba(188, 145, 48, 0.22) !important;
  box-shadow: none !important;
}

/* make the category text show */
.tmb-booking-wrap .step-services-w .os-item-category-info-w .os-item-name,
.tmb-booking-wrap .step-services-w .os-item-category-info-w .os-item-name-w,
.tmb-booking-wrap .step-services-w .os-item-category-info-w .os-item-name * {
  color: #ffffff !important;
}

/* keep hover clean on category cards */
.tmb-booking-wrap .step-services-w .os-item-category-info-w:hover,
.tmb-booking-wrap .step-services-w .os-item-category-info-w:hover .os-item-category-info,
.tmb-booking-wrap .step-services-w .os-item-category-info-w:hover .os-item-category-info.os-item-i {
  background: rgba(188, 145, 48, 0.12) !important;
  background-color: rgba(188, 145, 48, 0.12) !important;
  border-color: #bc9130 !important;
}

/* STEP 2 ONLY: fix the actual service rows after a category is opened */
.tmb-booking-wrap .step-services-w .os-services .os-item,
.tmb-booking-wrap .step-services-w .os-services .os-item .os-service-.elementor-718 .elementor-element.elementor-element-24fe774,
.tmb-booking-wrap .step-services-w .os-services .os-item .os-service-.elementor-718 .elementor-element.elementor-element-24fe774.os-item-i {
  background: #17181c !important;
  background-color: #17181c !important;
  border: 1px solid rgba(188, 145, 48, 0.22) !important;
  box-shadow: none !important;
}

/* show service name + price */
.tmb-booking-wrap .step-services-w .os-services .os-item .os-item-name,
.tmb-booking-wrap .step-services-w .os-services .os-item .os-item-name-w,
.tmb-booking-wrap .step-services-w .os-services .os-item .os-item-price,
.tmb-booking-wrap .step-services-w .os-services .os-item .os-item-price-w,
.tmb-booking-wrap .step-services-w .os-services .os-item .os-item-name *,
.tmb-booking-wrap .step-services-w .os-services .os-item .os-item-price * {
  color: #ffffff !important;
}

/* clean hover and selected state for services */
.tmb-booking-wrap .step-services-w .os-services .os-item:hover,
.tmb-booking-wrap .step-services-w .os-services .os-item:hover .os-service-.elementor-718 .elementor-element.elementor-element-24fe774,
.tmb-booking-wrap .step-services-w .os-services .os-item.selected,
.tmb-booking-wrap .step-services-w .os-services .os-item.selected .os-service-.elementor-718 .elementor-element.elementor-element-24fe774 {
  background: rgba(188, 145, 48, 0.12) !important;
  background-color: rgba(188, 145, 48, 0.12) !important;
  border-color: #bc9130 !important;
}

/* keep price and text white on hover/selected */
.tmb-booking-wrap .step-services-w .os-services .os-item:hover .os-item-name,
.tmb-booking-wrap .step-services-w .os-services .os-item:hover .os-item-price,
.tmb-booking-wrap .step-services-w .os-services .os-item.selected .os-item-name,
.tmb-booking-wrap .step-services-w .os-services .os-item.selected .os-item-price {
  color: #ffffff !important;
}

/* =========================
   STEP 3: TMB calendar + time picker
   ========================= */

/* datepicker shell */
.tmb-booking-wrap .step-datepicker-w .os-dates-and-times-w,
.tmb-booking-wrap .step-datepicker-w .os-dates-w,
.tmb-booking-wrap .step-datepicker-w .time-.elementor-718 .elementor-element.elementor-element-24fe774-w {
  background: transparent !important;
  color: #ffffff !important;
}

/* month title + weekdays */
.tmb-booking-wrap .step-datepicker-w .current-month,
.tmb-booking-wrap .step-datepicker-w .current-year,
.tmb-booking-wrap .step-datepicker-w .weekday,
.tmb-booking-wrap .step-datepicker-w .times-header-label {
  color: #ffffff !important;
}

/* month arrows */
.tmb-booking-wrap .step-datepicker-w .os-month-prev-btn,
.tmb-booking-wrap .step-datepicker-w .os-month-next-btn {
  background: #17181c !important;
  border: 1px solid rgba(188, 145, 48, 0.25) !important;
  color: #bc9130 !important;
  border-radius: 10px !important;
  box-shadow: none !important;
}

.tmb-booking-wrap .step-datepicker-w .os-month-prev-btn:hover,
.tmb-booking-wrap .step-datepicker-w .os-month-next-btn:hover {
  background: rgba(188, 145, 48, 0.12) !important;
  border-color: #bc9130 !important;
  color: #ffffff !important;
}

/* day boxes */
.tmb-booking-wrap .step-datepicker-w .os-day .os-day-box {
  background: #17181c !important;
  border: 1px solid rgba(188, 145, 48, 0.18) !important;
  border-radius: 12px !important;
  box-shadow: none !important;
}

/* day numbers */
.tmb-booking-wrap .step-datepicker-w .os-day .os-day-number {
  color: #ffffff !important;
}

/* hover on available days */
.tmb-booking-wrap .step-datepicker-w .os-day:not(.os-not-available):hover .os-day-box {
  background: rgba(188, 145, 48, 0.12) !important;
  border-color: #bc9130 !important;
}

/* selected day */
.tmb-booking-wrap .step-datepicker-w .os-day.selected .os-day-box,
.tmb-booking-wrap .step-datepicker-w .os-day.selected-day .os-day-box,
.tmb-booking-wrap .step-datepicker-w .os-day.os-selected .os-day-box {
  background: #bc9130 !important;
  border-color: #bc9130 !important;
}

.tmb-booking-wrap .step-datepicker-w .os-day.selected .os-day-number,
.tmb-booking-wrap .step-datepicker-w .os-day.selected-day .os-day-number,
.tmb-booking-wrap .step-datepicker-w .os-day.os-selected .os-day-number {
  color: #060606 !important;
}

/* today */
.tmb-booking-wrap .step-datepicker-w .os-day.os-today .os-day-box {
  border-color: #bc9130 !important;
  box-shadow: 0 0 0 1px rgba(188, 145, 48, 0.28) inset !important;
}

/* unavailable / passed / outside month */
.tmb-booking-wrap .step-datepicker-w .os-day.os-not-available .os-day-box,
.tmb-booking-wrap .step-datepicker-w .os-day.os-day-passed .os-day-box,
.tmb-booking-wrap .step-datepicker-w .os-day.os-month-prev .os-day-box,
.tmb-booking-wrap .step-datepicker-w .os-day.os-month-next .os-day-box {
  background: rgba(255, 255, 255, 0.04) !important;
  border-color: rgba(255, 255, 255, 0.08) !important;
}

.tmb-booking-wrap .step-datepicker-w .os-day.os-not-available .os-day-number,
.tmb-booking-wrap .step-datepicker-w .os-day.os-day-passed .os-day-number,
.tmb-booking-wrap .step-datepicker-w .os-day.os-month-prev .os-day-number,
.tmb-booking-wrap .step-datepicker-w .os-day.os-month-next .os-day-number {
  color: rgba(255, 255, 255, 0.28) !important;
}

/* availability bars under dates */
.tmb-booking-wrap .step-datepicker-w .os-day-status .day-available {
  background: #bc9130 !important;
  border-radius: 999px !important;
}

/* available tooltip */
.tmb-booking-wrap .step-datepicker-w .os-available-slots-tooltip {
  background: #111111 !important;
  color: #ffffff !important;
  border: 1px solid rgba(188, 145, 48, 0.25) !important;
  border-radius: 8px !important;
  box-shadow: none !important;
}

/* time header lines */
.tmb-booking-wrap .step-datepicker-w .times-header .th-line {
  background: rgba(188, 145, 48, 0.2) !important;
}

/* time boxes */
.tmb-booking-wrap .step-datepicker-w .dp-timepicker-trigger.dp-timebox {
  background: #17181c !important;
  border: 1px solid rgba(188, 145, 48, 0.18) !important;
  border-radius: 12px !important;
  box-shadow: none !important;
  color: #ffffff !important;
}

/* time text */
.tmb-booking-wrap .step-datepicker-w .dp-timepicker-trigger.dp-timebox .dp-label,
.tmb-booking-wrap .step-datepicker-w .dp-timepicker-trigger.dp-timebox .dp-label-time,
.tmb-booking-wrap .step-datepicker-w .dp-timepicker-trigger.dp-timebox .dp-tick {
  color: #ffffff !important;
}

/* time hover */
.tmb-booking-wrap .step-datepicker-w .dp-timepicker-trigger.dp-timebox:hover {
  background: rgba(188, 145, 48, 0.12) !important;
  border-color: #bc9130 !important;
}

/* selected time slot */
.tmb-booking-wrap .step-datepicker-w .dp-timepicker-trigger.dp-timebox.selected,
.tmb-booking-wrap .step-datepicker-w .dp-timepicker-trigger.dp-timebox.active,
.tmb-booking-wrap .step-datepicker-w .dp-timepicker-trigger.dp-timebox.os-selected {
  background: #bc9130 !important;
  border-color: #bc9130 !important;
}

.tmb-booking-wrap .step-datepicker-w .dp-timepicker-trigger.dp-timebox.selected .dp-label,
.tmb-booking-wrap .step-datepicker-w .dp-timepicker-trigger.dp-timebox.selected .dp-label-time,
.tmb-booking-wrap .step-datepicker-w .dp-timepicker-trigger.dp-timebox.selected .dp-tick,
.tmb-booking-wrap .step-datepicker-w .dp-timepicker-trigger.dp-timebox.active .dp-label,
.tmb-booking-wrap .step-datepicker-w .dp-timepicker-trigger.dp-timebox.active .dp-label-time,
.tmb-booking-wrap .step-datepicker-w .dp-timepicker-trigger.dp-timebox.active .dp-tick,
.tmb-booking-wrap .step-datepicker-w .dp-timepicker-trigger.dp-timebox.os-selected .dp-label,
.tmb-booking-wrap .step-datepicker-w .dp-timepicker-trigger.dp-timebox.os-selected .dp-label-time,
.tmb-booking-wrap .step-datepicker-w .dp-timepicker-trigger.dp-timebox.os-selected .dp-tick {
  color: #060606 !important;
}

/* blocked gap in the middle of the day */
.tmb-booking-wrap .step-datepicker-w .dp-timepicker-trigger.dp-timebox.is-off {
  background: rgba(255, 255, 255, 0.05) !important;
  border: 1px dashed rgba(255, 255, 255, 0.14) !important;
  color: rgba(255, 255, 255, 0.5) !important;
}

/* recurring suggestion */
.tmb-booking-wrap .step-datepicker-w .os-recurring-suggestion {
  background: #17181c !important;
  border: 1px solid rgba(188, 145, 48, 0.18) !important;
  border-radius: 16px !important;
  box-shadow: none !important;
}

.tmb-booking-wrap .step-datepicker-w .os-recurring-suggestion-heading,
.tmb-booking-wrap .step-datepicker-w .os-recurring-suggestion-sub-heading {
  color: #ffffff !important;
}

.tmb-booking-wrap .step-datepicker-w .os-recurring-suggestion-option {
  background: #111111 !important;
  border: 1px solid rgba(188, 145, 48, 0.18) !important;
  color: #ffffff !important;
}

.tmb-booking-wrap .step-datepicker-w .os-recurring-suggestion-option:hover,
.tmb-booking-wrap .step-datepicker-w .os-recurring-suggestion-option.selected {
  background: #bc9130 !important;
  border-color: #bc9130 !important;
  color: #060606 !important;
}

/* =========================================
   FIX ONLY THE REAL "TODAY" DATE
   ========================================= */

/* Keep weekday row clean and readable */
.tmb-booking-wrap .step-datepicker-w .os-weekdays {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

.tmb-booking-wrap .step-datepicker-w .os-weekdays .weekday {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  color: rgba(255,255,255,0.55) !important;
}

/* REAL current day only, the one with .os-today */
.tmb-booking-wrap .step-datepicker-w .os-day.os-today .os-day-box {
  background: #17181c !important;
  background-color: #17181c !important;
  border: 1px solid #bc9130 !important;
  box-shadow: inset 0 0 0 1px rgba(188,145,48,0.22) !important;
}

/* number inside today */
.tmb-booking-wrap .step-datepicker-w .os-day.os-today .os-day-number {
  color: #ffffff !important;
  opacity: 1 !important;
}

/* remove the ugly white status strip on today when no slots exist */
.tmb-booking-wrap .step-datepicker-w .os-day.os-today .os-day-status {
  background: transparent !important;
  background-color: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* if today is also selected, selected style should win */
.tmb-booking-wrap .step-datepicker-w .os-day.os-today.selected .os-day-box,
.tmb-booking-wrap .step-datepicker-w .os-day.os-today.selected-day .os-day-box,
.tmb-booking-wrap .step-datepicker-w .os-day.os-today.os-selected .os-day-box {
  background: #bc9130 !important;
  background-color: #bc9130 !important;
  border-color: #bc9130 !important;
  box-shadow: none !important;
}

.tmb-booking-wrap .step-datepicker-w .os-day.os-today.selected .os-day-number,
.tmb-booking-wrap .step-datepicker-w .os-day.os-today.selected-day .os-day-number,
.tmb-booking-wrap .step-datepicker-w .os-day.os-today.os-selected .os-day-number {
  color: #060606 !important;
}

/* =========================================
   FIX UNAVAILABLE CURRENT DAY
   ========================================= */

/* today + unavailable should stay dark, even if LatePoint tries to select it */
.tmb-booking-wrap .step-datepicker-w .os-day.os-today.os-not-available .os-day-box,
.tmb-booking-wrap .step-datepicker-w .os-day.os-today.os-not-available.selected .os-day-box,
.tmb-booking-wrap .step-datepicker-w .os-day.os-today.os-not-available.selected-day .os-day-box,
.tmb-booking-wrap .step-datepicker-w .os-day.os-today.os-not-available.os-selected .os-day-box,
.tmb-booking-wrap .step-datepicker-w .os-day.os-today.os-not-available.current .os-day-box {
  background: #17181c !important;
  background-color: #17181c !important;
  border: 1px solid #bc9130 !important;
  box-shadow: inset 0 0 0 1px rgba(188, 145, 48, 0.22) !important;
}

/* keep the number readable */
.tmb-booking-wrap .step-datepicker-w .os-day.os-today.os-not-available .os-day-number,
.tmb-booking-wrap .step-datepicker-w .os-day.os-today.os-not-available.selected .os-day-number,
.tmb-booking-wrap .step-datepicker-w .os-day.os-today.os-not-available.selected-day .os-day-number,
.tmb-booking-wrap .step-datepicker-w .os-day.os-today.os-not-available.os-selected .os-day-number,
.tmb-booking-wrap .step-datepicker-w .os-day.os-today.os-not-available.current .os-day-number {
  color: #ffffff !important;
  opacity: 1 !important;
}

/* remove the ugly white strip inside that day */
.tmb-booking-wrap .step-datepicker-w .os-day.os-today.os-not-available .os-day-status,
.tmb-booking-wrap .step-datepicker-w .os-day.os-today.os-not-available.selected .os-day-status,
.tmb-booking-wrap .step-datepicker-w .os-day.os-today.os-not-available.selected-day .os-day-status,
.tmb-booking-wrap .step-datepicker-w .os-day.os-today.os-not-available.os-selected .os-day-status,
.tmb-booking-wrap .step-datepicker-w .os-day.os-today.os-not-available.current .os-day-status {
  background: transparent !important;
  background-color: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* =========================================
   FIX "NOT AVAILABLE" TIMESLOT MESSAGE
   ========================================= */

.tmb-booking-wrap .step-datepicker-w .os-times-w .timeslots.slots-not-available {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
}

.tmb-booking-wrap .step-datepicker-w .os-times-w .timeslots.slots-not-available .not-working-message {
  display: block !important;
  width: 100% !important;
  text-align: center !important;
  background: rgba(188, 145, 48, 0.12) !important;
  background-color: rgba(188, 145, 48, 0.12) !important;
  border: 1px solid rgba(188, 145, 48, 0.35) !important;
  color: #ffffff !important;
  border-radius: 12px !important;
  padding: 16px 18px !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  line-height: 1.4 !important;
  box-shadow: none !important;
}

/* keep hover from changing the unavailable message weirdly */
.tmb-booking-wrap .step-datepicker-w .os-times-w .timeslots.slots-not-available:hover,
.tmb-booking-wrap .step-datepicker-w .os-times-w .timeslots.slots-not-available .not-working-message:hover {
  background: rgba(188, 145, 48, 0.12) !important;
  background-color: rgba(188, 145, 48, 0.12) !important;
  border-color: rgba(188, 145, 48, 0.35) !important;
  color: #ffffff !important;
}

/* unselected current day when it is also unavailable */
.tmb-booking-wrap .step-datepicker-w .os-day.os-day-current.os-today.os-not-available:not(.selected):not(.selected-day):not(.os-selected) .os-day-box {
  background: #17181c !important;
  background-color: #17181c !important;
  border: 1px solid #bc9130 !important;
  box-shadow: inset 0 0 0 1px rgba(188, 145, 48, 0.22) !important;
  overflow: hidden !important;
}

.tmb-booking-wrap .step-datepicker-w .os-day.os-day-current.os-today.os-not-available:not(.selected):not(.selected-day):not(.os-selected) .os-day-number {
  color: #ffffff !important;
  background: transparent !important;
  background-color: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  opacity: 1 !important;
}

.tmb-booking-wrap .step-datepicker-w .os-day.os-day-current.os-today.os-not-available:not(.selected):not(.selected-day):not(.os-selected) .os-day-status,
.tmb-booking-wrap .step-datepicker-w .os-day.os-day-current.os-today.os-not-available:not(.selected):not(.selected-day):not(.os-selected) .os-day-status * {
  background: transparent !important;
  background-color: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

.tmb-booking-wrap .step-datepicker-w .os-day.os-day-current.os-today.os-not-available:not(.selected):not(.selected-day):not(.os-selected) .os-day-box:before,
.tmb-booking-wrap .step-datepicker-w .os-day.os-day-current.os-today.os-not-available:not(.selected):not(.selected-day):not(.os-selected) .os-day-box:after,
.tmb-booking-wrap .step-datepicker-w .os-day.os-day-current.os-today.os-not-available:not(.selected):not(.selected-day):not(.os-selected) .os-day-number:before,
.tmb-booking-wrap .step-datepicker-w .os-day.os-day-current.os-today.os-not-available:not(.selected):not(.selected-day):not(.os-selected) .os-day-number:after,
.tmb-booking-wrap .step-datepicker-w .os-day.os-day-current.os-today.os-not-available:not(.selected):not(.selected-day):not(.os-selected) .os-day-status:before,
.tmb-booking-wrap .step-datepicker-w .os-day.os-day-current.os-today.os-not-available:not(.selected):not(.selected-day):not(.os-selected) .os-day-status:after {
  content: none !important;
  display: none !important;
}

/* =========================================
   STEP 4: CUSTOMER FORM
   ========================================= */

/* section text */
.tmb-booking-wrap .step-customer-w,
.tmb-booking-wrap .step-customer-w h1,
.tmb-booking-wrap .step-customer-w h2,
.tmb-booking-wrap .step-customer-w h3,
.tmb-booking-wrap .step-customer-w h4,
.tmb-booking-wrap .step-customer-w h5,
.tmb-booking-wrap .step-customer-w h6,
.tmb-booking-wrap .step-customer-w p,
.tmb-booking-wrap .step-customer-w span,
.tmb-booking-wrap .step-customer-w label,
.tmb-booking-wrap .step-customer-w div,
.tmb-booking-wrap .step-customer-w a {
  color: #ffffff !important;
}

/* tabs */
.tmb-booking-wrap .step-customer-w .os-step-tabs {
  border-bottom: 1px solid rgba(188, 145, 48, 0.18) !important;
}

.tmb-booking-wrap .step-customer-w .os-step-tab {
  color: rgba(255, 255, 255, 0.72) !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

.tmb-booking-wrap .step-customer-w .os-step-tab.active {
  color: #ffffff !important;
  border-bottom: 2px solid #bc9130 !important;
}

/* labels */
.tmb-booking-wrap .step-customer-w .os-form-group label {
  color: rgba(255, 255, 255, 0.82) !important;
}

/* actual inputs */
.tmb-booking-wrap .step-customer-w .os-form-control,
.tmb-booking-wrap .step-customer-w input.os-form-control,
.tmb-booking-wrap .step-customer-w input[type="text"],
.tmb-booking-wrap .step-customer-w input[type="email"],
.tmb-booking-wrap .step-customer-w input[type="tel"],
.tmb-booking-wrap .step-customer-w input[type="password"],
.tmb-booking-wrap .step-customer-w textarea,
.tmb-booking-wrap .step-customer-w select {
  background: #17181c !important;
  background-color: #17181c !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  border: 1px solid rgba(188, 145, 48, 0.22) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

/* placeholder text */
.tmb-booking-wrap .step-customer-w .os-form-control::placeholder,
.tmb-booking-wrap .step-customer-w input::placeholder,
.tmb-booking-wrap .step-customer-w textarea::placeholder {
  color: rgba(255, 255, 255, 0.55) !important;
  -webkit-text-fill-color: rgba(255, 255, 255, 0.55) !important;
}

/* focus state */
.tmb-booking-wrap .step-customer-w .os-form-control:focus,
.tmb-booking-wrap .step-customer-w input:focus,
.tmb-booking-wrap .step-customer-w textarea:focus,
.tmb-booking-wrap .step-customer-w select:focus {
  background: #17181c !important;
  background-color: #17181c !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  border-color: #bc9130 !important;
  box-shadow: 0 0 0 1px rgba(188, 145, 48, 0.22) !important;
  outline: none !important;
}

/* chrome autofill */
.tmb-booking-wrap .step-customer-w input:-webkit-autofill,
.tmb-booking-wrap .step-customer-w input:-webkit-autofill:hover,
.tmb-booking-wrap .step-customer-w input:-webkit-autofill:focus,
.tmb-booking-wrap .step-customer-w textarea:-webkit-autofill,
.tmb-booking-wrap .step-customer-w select:-webkit-autofill {
  -webkit-text-fill-color: #ffffff !important;
  box-shadow: 0 0 0 1000px #17181c inset !important;
  transition: background-color 9999s ease-in-out 0s !important;
  border: 1px solid rgba(188, 145, 48, 0.22) !important;
}

/* phone field wrapper */
.tmb-booking-wrap .step-customer-w .lp_iti,
.tmb-booking-wrap .step-customer-w .lp_iti__flag-container {
  background: transparent !important;
}

.tmb-booking-wrap .step-customer-w .lp_iti__selected-flag {
  background: #111111 !important;
  color: #ffffff !important;
  border-right: 1px solid rgba(188, 145, 48, 0.22) !important;
}

.tmb-booking-wrap .step-customer-w .lp_iti__selected-dial-code {
  color: #ffffff !important;
}

.tmb-booking-wrap .step-customer-w .lp_iti__country-list,
.tmb-booking-wrap .step-customer-w .lp_iti__country-list * {
  color: #ffffff !important;
}

/* login step fields too */
.tmb-booking-wrap .step-customer-w .os-customer-login-w .os-form-control,
.tmb-booking-wrap .step-customer-w .os-customer-login-w input {
  background: #17181c !important;
  background-color: #17181c !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  border: 1px solid rgba(188, 145, 48, 0.22) !important;
  box-shadow: none !important;
}

/* forgot link */
.tmb-booking-wrap .step-customer-w .step-forgot-password-btn,
.tmb-booking-wrap .step-customer-w .step-forgot-password-btn span {
  color: #bc9130 !important;
  background: transparent !important;
}

/* validation errors on fields */
.tmb-booking-wrap .step-customer-w .os-form-group.has-errors .os-form-control,
.tmb-booking-wrap .step-customer-w .os-form-group.has-errors input,
.tmb-booking-wrap .step-customer-w .os-form-group.has-errors textarea,
.tmb-booking-wrap .step-customer-w .os-form-group.has-errors select,
.tmb-booking-wrap .step-customer-w .os-form-control.os-invalid {
  background: #17181c !important;
  background-color: #17181c !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  border-color: #d96b6b !important;
  box-shadow: 0 0 0 1px rgba(217, 107, 107, 0.18) !important;
}

/* error message box */
.tmb-booking-wrap .latepoint-message.latepoint-message-error {
  background: rgba(130, 34, 34, 0.22) !important;
  background-color: rgba(130, 34, 34, 0.22) !important;
  border: 1px solid rgba(217, 107, 107, 0.42) !important;
  color: #ffd7d7 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  padding: 14px 16px !important;
}

/* keep error message text readable */
.tmb-booking-wrap .latepoint-message.latepoint-message-error,
.tmb-booking-wrap .latepoint-message.latepoint-message-error * {
  color: #ffd7d7 !important;
}

/* =========================================
   RESET PASSWORD REQUEST BUTTONS
   ========================================= */

.tmb-booking-wrap .os-password-reset-form-holder .os-form-buttons,
.tmb-booking-wrap .password-reset-form-w .os-form-buttons {
  display: flex !important;
  gap: 14px !important;
  align-items: stretch !important;
}

/* base button cleanup */
.tmb-booking-wrap .os-password-reset-form-holder .os-form-buttons .latepoint-btn,
.tmb-booking-wrap .password-reset-form-w .os-form-buttons .latepoint-btn {
  flex: 1 1 0 !important;
  min-height: 58px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 14px 18px !important;
  border-radius: 0 !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  text-align: center !important;
  text-decoration: none !important;
  box-shadow: none !important;
  transition: all 0.22s ease !important;
  white-space: normal !important;
  line-height: 1.25 !important;
}

/* LEFT BUTTON: Already have a key? */
.tmb-booking-wrap .os-password-reset-form-holder .os-form-buttons .latepoint-btn-link,
.tmb-booking-wrap .password-reset-form-w .os-form-buttons .latepoint-btn-link {
  background: transparent !important;
  background-color: transparent !important;
  border: 1px solid rgba(188, 145, 48, 0.42) !important;
  color: #ffffff !important;
}

.tmb-booking-wrap .os-password-reset-form-holder .os-form-buttons .latepoint-btn-link span,
.tmb-booking-wrap .password-reset-form-w .os-form-buttons .latepoint-btn-link span {
  color: #ffffff !important;
}

.tmb-booking-wrap .os-password-reset-form-holder .os-form-buttons .latepoint-btn-link:hover,
.tmb-booking-wrap .os-password-reset-form-holder .os-form-buttons .latepoint-btn-link:focus,
.tmb-booking-wrap .password-reset-form-w .os-form-buttons .latepoint-btn-link:hover,
.tmb-booking-wrap .password-reset-form-w .os-form-buttons .latepoint-btn-link:focus {
  background: rgba(188, 145, 48, 0.10) !important;
  background-color: rgba(188, 145, 48, 0.10) !important;
  border-color: #bc9130 !important;
  color: #ffffff !important;
  box-shadow: 0 0 0 1px rgba(188, 145, 48, 0.16) inset !important;
}

.tmb-booking-wrap .os-password-reset-form-holder .os-form-buttons .latepoint-btn-link:hover span,
.tmb-booking-wrap .os-password-reset-form-holder .os-form-buttons .latepoint-btn-link:focus span,
.tmb-booking-wrap .password-reset-form-w .os-form-buttons .latepoint-btn-link:hover span,
.tmb-booking-wrap .password-reset-form-w .os-form-buttons .latepoint-btn-link:focus span {
  color: #ffffff !important;
}

/* RIGHT BUTTON: Submit Request */
.tmb-booking-wrap .os-password-reset-form-holder .os-form-buttons .latepoint-btn-primary:not(.latepoint-btn-link),
.tmb-booking-wrap .password-reset-form-w .os-form-buttons .latepoint-btn-primary:not(.latepoint-btn-link) {
  background: #bc9130 !important;
  background-color: #bc9130 !important;
  border: 1px solid #bc9130 !important;
  color: #060606 !important;
}

.tmb-booking-wrap .os-password-reset-form-holder .os-form-buttons .latepoint-btn-primary:not(.latepoint-btn-link) span,
.tmb-booking-wrap .password-reset-form-w .os-form-buttons .latepoint-btn-primary:not(.latepoint-btn-link) span {
  color: #060606 !important;
}

.tmb-booking-wrap .os-password-reset-form-holder .os-form-buttons .latepoint-btn-primary:not(.latepoint-btn-link):hover,
.tmb-booking-wrap .os-password-reset-form-holder .os-form-buttons .latepoint-btn-primary:not(.latepoint-btn-link):focus,
.tmb-booking-wrap .password-reset-form-w .os-form-buttons .latepoint-btn-primary:not(.latepoint-btn-link):hover,
.tmb-booking-wrap .password-reset-form-w .os-form-buttons .latepoint-btn-primary:not(.latepoint-btn-link):focus {
  background: #d1a23d !important;
  background-color: #d1a23d !important;
  border-color: #d1a23d !important;
  color: #060606 !important;
  box-shadow: 0 0 0 1px rgba(209, 162, 61, 0.18) inset !important;
}

.tmb-booking-wrap .os-password-reset-form-holder .os-form-buttons .latepoint-btn-primary:not(.latepoint-btn-link):hover span,
.tmb-booking-wrap .os-password-reset-form-holder .os-form-buttons .latepoint-btn-primary:not(.latepoint-btn-link):focus span,
.tmb-booking-wrap .password-reset-form-w .os-form-buttons .latepoint-btn-primary:not(.latepoint-btn-link):hover span,
.tmb-booking-wrap .password-reset-form-w .os-form-buttons .latepoint-btn-primary:not(.latepoint-btn-link):focus span {
  color: #060606 !important;
}

/* mobile stack */
@media (max-width: 767px) {
  .tmb-booking-wrap .os-password-reset-form-holder .os-form-buttons,
  .tmb-booking-wrap .password-reset-form-w .os-form-buttons {
    flex-direction: column !important;
  }

  .tmb-booking-wrap .os-password-reset-form-holder .os-form-buttons .latepoint-btn,
  .tmb-booking-wrap .password-reset-form-w .os-form-buttons .latepoint-btn {
    width: 100% !important;
  }
}

/* =========================================
   INLINE SUMMARY / CART PANEL FIX
   ========================================= */

/* the whole summary panel */
.tmb-booking-wrap .latepoint-summary-w,
.tmb-booking-wrap .os-summary-contents,
.tmb-booking-wrap .os-summary-contents-inner,
.tmb-booking-wrap .os-summary-contents-inner-top,
.tmb-booking-wrap .cart-summary-main-section,
.tmb-booking-wrap .summary-price-breakdown-wrapper,
.tmb-booking-wrap .summary-price-breakdown-inner {
  background: #111111 !important;
  background-color: #111111 !important;
  color: #ffffff !important;
  border-color: rgba(188, 145, 48, 0.18) !important;
  box-shadow: none !important;
}

/* summary header */
.tmb-booking-wrap .summary-header,
.tmb-booking-wrap .summary-header-inner {
  background: #111111 !important;
  background-color: #111111 !important;
  border-bottom: 1px solid rgba(188, 145, 48, 0.16) !important;
}

.tmb-booking-wrap .summary-header-label,
.tmb-booking-wrap .checkout-from-summary-panel-btn,
.tmb-booking-wrap .checkout-from-summary-panel-btn span,
.tmb-booking-wrap .checkout-from-summary-panel-btn i,
.tmb-booking-wrap .latepoint-lightbox-summary-trigger,
.tmb-booking-wrap .latepoint-lightbox-summary-trigger i {
  color: #ffffff !important;
  background: transparent !important;
}

/* cart cards */
.tmb-booking-wrap .cart-item-wrapper,
.tmb-booking-wrap .summary-box.main-box,
.tmb-booking-wrap .summary-box-inner,
.tmb-booking-wrap .summary-box-content.os-cart-item {
  background: #111111 !important;
  background-color: #111111 !important;
  color: #ffffff !important;
  border-color: rgba(188, 145, 48, 0.18) !important;
  box-shadow: none !important;
}

/* booking date chip on each cart item */
.tmb-booking-wrap .summary-box-booking-date-box {
  background: rgba(188, 145, 48, 0.10) !important;
  border: 1px solid rgba(188, 145, 48, 0.22) !important;
  color: #ffffff !important;
}

.tmb-booking-wrap .summary-box-booking-date-day,
.tmb-booking-wrap .summary-box-booking-date-month {
  color: #ffffff !important;
}

/* cart item text */
.tmb-booking-wrap .sbc-big-item,
.tmb-booking-wrap .sbc-highlighted-item,
.tmb-booking-wrap .sbc-main-item,
.tmb-booking-wrap .sbc-sub-item,
.tmb-booking-wrap .sbh-item,
.tmb-booking-wrap .pbh-label,
.tmb-booking-wrap .spi-name,
.tmb-booking-wrap .spi-price,
.tmb-booking-wrap .price-breakdown-unfold,
.tmb-booking-wrap .price-breakdown-unfold span,
.tmb-booking-wrap .price-breakdown-unfold i {
  color: #ffffff !important;
}

/* links/icons inside summary */
.tmb-booking-wrap .summary-box a,
.tmb-booking-wrap .summary-box i,
.tmb-booking-wrap .booking-summary-info-w a,
.tmb-booking-wrap .booking-summary-info-w i {
  color: #ffffff !important;
}

/* remove-item button */
.tmb-booking-wrap .os-remove-item-from-cart {
  background: transparent !important;
  border: 1px solid rgba(188, 145, 48, 0.24) !important;
  color: #ffffff !important;
}

.tmb-booking-wrap .os-remove-from-cart-icon {
  background: transparent !important;
}

/* add more */
.tmb-booking-wrap .latepoint-add-another-item-trigger {
  background: transparent !important;
  border: 1px solid rgba(188, 145, 48, 0.24) !important;
  color: #ffffff !important;
}

.tmb-booking-wrap .latepoint-add-another-item-trigger:hover {
  background: rgba(188, 145, 48, 0.10) !important;
  border-color: #bc9130 !important;
  color: #ffffff !important;
}

/* IMPORTANT: fix the ugly white hover state */
.tmb-booking-wrap .cart-item-wrapper:hover,
.tmb-booking-wrap .cart-item-wrapper:hover .summary-box.main-box,
.tmb-booking-wrap .cart-item-wrapper:hover .summary-box-inner,
.tmb-booking-wrap .cart-item-wrapper:hover .summary-box-content.os-cart-item,
.tmb-booking-wrap .summary-box.main-box:hover,
.tmb-booking-wrap .summary-box.main-box:hover .summary-box-inner,
.tmb-booking-wrap .summary-box.main-box:hover .summary-box-content.os-cart-item {
  background: rgba(188, 145, 48, 0.10) !important;
  background-color: rgba(188, 145, 48, 0.10) !important;
  border-color: #bc9130 !important;
  color: #ffffff !important;
}

/* keep all text white during hover */
.tmb-booking-wrap .cart-item-wrapper:hover .sbc-big-item,
.tmb-booking-wrap .cart-item-wrapper:hover .sbc-highlighted-item,
.tmb-booking-wrap .cart-item-wrapper:hover .summary-box-booking-date-day,
.tmb-booking-wrap .cart-item-wrapper:hover .summary-box-booking-date-month,
.tmb-booking-wrap .cart-item-wrapper:hover a,
.tmb-booking-wrap .cart-item-wrapper:hover i,
.tmb-booking-wrap .summary-box.main-box:hover .sbc-big-item,
.tmb-booking-wrap .summary-box.main-box:hover .sbc-highlighted-item,
.tmb-booking-wrap .summary-box.main-box:hover .summary-box-booking-date-day,
.tmb-booking-wrap .summary-box.main-box:hover .summary-box-booking-date-month {
  color: #ffffff !important;
}

/* if there is any generic white hover from earlier CSS, this kills it */
.tmb-booking-wrap .cart-item-wrapper:hover *,
.tmb-booking-wrap .summary-box.main-box:hover * {
  box-shadow: none !important;
}

/* =========================================
   FIX REMOVE ITEM BUTTON IN SUMMARY / CART
   ========================================= */

.tmb-booking-wrap .latepoint-summary-w .os-remove-item-from-cart {
  width: 28px !important;
  height: 28px !important;
  min-width: 28px !important;
  min-height: 28px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  border: 1px solid rgba(188, 145, 48, 0.28) !important;
  background: rgba(15, 16, 18, 0.96) !important;
  border-radius: 999px !important;
  box-shadow: none !important;
  overflow: hidden !important;
}

/* kill any broken default icon drawing */
.tmb-booking-wrap .latepoint-summary-w .os-remove-from-cart-icon {
  width: 100% !important;
  height: 100% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  position: relative !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

.tmb-booking-wrap .latepoint-summary-w .os-remove-from-cart-icon::after,
.tmb-booking-wrap .latepoint-summary-w .os-remove-from-cart-icon::before {
  background: none !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* force a visible minus sign */
.tmb-booking-wrap .latepoint-summary-w .os-remove-from-cart-icon::before {
  content: "−" !important;
  display: block !important;
  font-size: 20px !important;
  line-height: 1 !important;
  font-weight: 700 !important;
  color: #ffffff !important;
  position: static !important;
  transform: none !important;
}

/* hover state */
.tmb-booking-wrap .latepoint-summary-w .os-remove-item-from-cart:hover {
  background: rgba(188, 145, 48, 0.14) !important;
  border-color: #bc9130 !important;
}

.tmb-booking-wrap .latepoint-summary-w .os-remove-item-from-cart:hover .os-remove-from-cart-icon::before {
  color: #ffffff !important;
}

/* Force service/category rows dark on mobile booking page */
.tmb-booking-wrap .latepoint-body .step-services-w .os-item-category-w,
.tmb-booking-wrap .latepoint-body .step-services-w .os-item-category-info-w,
.tmb-booking-wrap .latepoint-body .step-services-w .os-item-category-info,
.tmb-booking-wrap .latepoint-body .step-services-w .os-item-category-info.os-item-i,
.tmb-booking-wrap .latepoint-body .step-services-w .os-services,
.tmb-booking-wrap .latepoint-body .step-services-w .os-services .os-item,
.tmb-booking-wrap .latepoint-body .step-services-w .os-services .os-service-.elementor-718 .elementor-element.elementor-element-24fe774,
.tmb-booking-wrap .latepoint-body .step-services-w .os-services .os-service-.elementor-718 .elementor-element.elementor-element-24fe774.os-item-i {
  background: #17181c !important;
  background-color: #17181c !important;
  border-color: rgba(188,145,48,0.35) !important;
  box-shadow: none !important;
}

/* Force the white image/thumbnail area dark too */
.tmb-booking-wrap .latepoint-body .step-services-w .os-item-img-w {
  background-color: #111111 !important;
  border-right: 1px solid rgba(188,145,48,0.25) !important;
}

/* Force all text inside those rows white */
.tmb-booking-wrap .latepoint-body .step-services-w .os-item-category-w *,
.tmb-booking-wrap .latepoint-body .step-services-w .os-services .os-item * {
  color: #ffffff !important;
}

/* Selected/hover */
.tmb-booking-wrap .latepoint-body .step-services-w .os-item-category-w:hover,
.tmb-booking-wrap .latepoint-body .step-services-w .os-item-category-w.selected,
.tmb-booking-wrap .latepoint-body .step-services-w .os-services .os-item:hover,
.tmb-booking-wrap .latepoint-body .step-services-w .os-services .os-item.selected {
  background: rgba(188,145,48,0.14) !important;
  background-color: rgba(188,145,48,0.14) !important;
  border-color: #bc9130 !important;
}

/* HARD FIX: LatePoint service/category white cards */
.tmb-booking-wrap .latepoint-body .step-services-w .os-item-category-info-w,
.tmb-booking-wrap .latepoint-body .step-services-w .os-item-category-info-w *,
.tmb-booking-wrap .latepoint-body .step-services-w .os-item-category-info,
.tmb-booking-wrap .latepoint-body .step-services-w .os-item-category-info *,
.tmb-booking-wrap .latepoint-body .step-services-w .os-service-.elementor-718 .elementor-element.elementor-element-24fe774,
.tmb-booking-wrap .latepoint-body .step-services-w .os-service-.elementor-718 .elementor-element.elementor-element-24fe774 *,
.tmb-booking-wrap .latepoint-body .step-services-w .os-services .os-item,
.tmb-booking-wrap .latepoint-body .step-services-w .os-services .os-item * {
  background-color: #17181c !important;
  box-shadow: none !important;
}

/* kill LatePoint white overlays */
.tmb-booking-wrap .latepoint-body .step-services-w .os-item-category-info-w::before,
.tmb-booking-wrap .latepoint-body .step-services-w .os-item-category-info-w::after,
.tmb-booking-wrap .latepoint-body .step-services-w .os-item-category-info::before,
.tmb-booking-wrap .latepoint-body .step-services-w .os-item-category-info::after,
.tmb-booking-wrap .latepoint-body .step-services-w .os-service-.elementor-718 .elementor-element.elementor-element-24fe774::before,
.tmb-booking-wrap .latepoint-body .step-services-w .os-service-.elementor-718 .elementor-element.elementor-element-24fe774::after {
  background: transparent !important;
  background-color: transparent !important;
  box-shadow: none !important;
  border: 0 !important;
}

/* keep the row border */
.tmb-booking-wrap .latepoint-body .step-services-w .os-item-category-info-w,
.tmb-booking-wrap .latepoint-body .step-services-w .os-service-.elementor-718 .elementor-element.elementor-element-24fe774 {
  border: 1px solid rgba(188,145,48,0.35) !important;
}

/* text */
.tmb-booking-wrap .latepoint-body .step-services-w .os-item-name,
.tmb-booking-wrap .latepoint-body .step-services-w .os-item-price {
  color: #ffffff !important;
}

/* image box */
.tmb-booking-wrap .latepoint-body .step-services-w .os-item-img-w {
  background-color: #0b0b0b !important;
}
/* CUSTOMER DETAILS STEP, STRONG FIELD FIX ONLY */

body.page-id-718 .tmb-booking-wrap .current-step-customer input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
body.page-id-718 .tmb-booking-wrap .current-step-customer textarea,
body.page-id-718 .tmb-booking-wrap .current-step-customer select {
  background: #17181c !important;
  background-color: #17181c !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  border: 1px solid rgba(188,145,48,0.35) !important;
  box-shadow: inset 0 0 0 9999px #17181c !important;
  -webkit-box-shadow: inset 0 0 0 9999px #17181c !important;
  outline: none !important;
}

body.page-id-718 .tmb-booking-wrap .current-step-customer input::placeholder,
body.page-id-718 .tmb-booking-wrap .current-step-customer textarea::placeholder {
  color: rgba(255,255,255,0.5) !important;
  -webkit-text-fill-color: rgba(255,255,255,0.5) !important;
}

body.page-id-718 .tmb-booking-wrap .current-step-customer .lp_iti {
  background: #17181c !important;
  background-color: #17181c !important;
  border: 1px solid rgba(188,145,48,0.35) !important;
  box-shadow: none !important;
}

body.page-id-718 .tmb-booking-wrap .current-step-customer .lp_iti input {
  border: 0 !important;
}

body.page-id-718 .tmb-booking-wrap .current-step-customer .lp_iti__flag-container,
body.page-id-718 .tmb-booking-wrap .current-step-customer .lp_iti__selected-flag {
  background: #111111 !important;
  background-color: #111111 !important;
  border: 0 !important;
  box-shadow: none !important;
}

body.page-id-718 .tmb-booking-wrap .current-step-customer .lp_iti__selected-dial-code {
  color: #ffffff !important;
}

/* CONFIRMATION STEP, ACCOUNT PROMPT BOX */

body.page-id-718 .tmb-booking-wrap .current-step-confirmation .os-create-account-box,
body.page-id-718 .tmb-booking-wrap .current-step-confirmation .latepoint-create-account-w,
body.page-id-718 .tmb-booking-wrap .current-step-confirmation .customer-account-prompt,
body.page-id-718 .tmb-booking-wrap .current-step-confirmation div[class*="account"] {
  background: #111111 !important;
  background-color: #111111 !important;
  color: #ffffff !important;
  border: 1px solid rgba(188,145,48,0.35) !important;
  box-shadow: none !important;
}

body.page-id-718 .tmb-booking-wrap .current-step-confirmation .os-create-account-box *,
body.page-id-718 .tmb-booking-wrap .current-step-confirmation .latepoint-create-account-w *,
body.page-id-718 .tmb-booking-wrap .current-step-confirmation .customer-account-prompt *,
body.page-id-718 .tmb-booking-wrap .current-step-confirmation div[class*="account"] * {
  color: #ffffff !important;
}

body.page-id-718 .tmb-booking-wrap .current-step-confirmation input,
body.page-id-718 .tmb-booking-wrap .current-step-confirmation input[type="password"],
body.page-id-718 .tmb-booking-wrap .current-step-confirmation input[type="text"] {
  background: #17181c !important;
  background-color: #17181c !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  border: 1px solid rgba(188,145,48,0.45) !important;
  box-shadow: inset 0 0 0 9999px #17181c !important;
}

/* CONFIRMATION STEP: create account info box */

body.page-id-718 .tmb-booking-wrap .current-step-confirmation .info-box.text-center {
  background: #111111 !important;
  background-color: #111111 !important;
  border: 1px solid rgba(188,145,48,0.35) !important;
  color: #ffffff !important;
  box-shadow: none !important;
}

body.page-id-718 .tmb-booking-wrap .current-step-confirmation .info-box.text-center,
body.page-id-718 .tmb-booking-wrap .current-step-confirmation .info-box.text-center * {
  color: #ffffff !important;
}

body.page-id-718 .tmb-booking-wrap .current-step-confirmation .info-box-buttons a.show-set-password-fields {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: #bc9130 !important;
  border: 1px solid #bc9130 !important;
  color: #060606 !important;
  padding: 12px 18px !important;
  margin-top: 14px !important;
  font-weight: 800 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.06em !important;
  text-decoration: none !important;
}

/* Hide LatePoint create account prompt after booking */

body.page-id-718 .tmb-booking-wrap .current-step-confirmation .info-box.text-center {
  display: none !important;
}

/* =========================================
   MOBILE/PWA BOOKING CONFIRMATION FIX
   Hide Reschedule + Account Prompt
   Show Order Number
   Page ID 718
   ========================================= */

/* Hide Reschedule on confirmation screen */
body.page-id-718 .tmb-booking-wrap .current-step-confirmation .latepoint-request-booking-reschedule,
body.page-id-718 .tmb-booking-wrap .current-step-confirmation a.latepoint-request-booking-reschedule,
body.page-id-718 .tmb-booking-wrap .current-step-confirmation .booking-summary-action-btn.latepoint-request-booking-reschedule,
body.page-id-718 .tmb-booking-wrap .current-step-confirmation [class*="reschedule"],
body.page-id-718 .tmb-booking-wrap .step-confirmation-w .latepoint-request-booking-reschedule,
body.page-id-718 .tmb-booking-wrap .step-confirmation-w a.latepoint-request-booking-reschedule,
body.page-id-718 .tmb-booking-wrap .step-confirmation-w .booking-summary-action-btn.latepoint-request-booking-reschedule,
body.page-id-718 .tmb-booking-wrap .step-confirmation-w [class*="reschedule"] {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

/* Hide create account / password / cabinet prompt after booking */
body.page-id-718 .tmb-booking-wrap .current-step-confirmation .info-box.text-center,
body.page-id-718 .tmb-booking-wrap .current-step-confirmation .step-confirmation-set-password,
body.page-id-718 .tmb-booking-wrap .current-step-confirmation .confirmation-cabinet-info,
body.page-id-718 .tmb-booking-wrap .current-step-confirmation .os-create-account-box,
body.page-id-718 .tmb-booking-wrap .current-step-confirmation .latepoint-create-account-w,
body.page-id-718 .tmb-booking-wrap .current-step-confirmation .customer-account-prompt,
body.page-id-718 .tmb-booking-wrap .current-step-confirmation div[class*="create-account"],
body.page-id-718 .tmb-booking-wrap .current-step-confirmation div[class*="set-password"],
body.page-id-718 .tmb-booking-wrap .current-step-confirmation div[class*="cabinet-info"],
body.page-id-718 .tmb-booking-wrap .step-confirmation-w .info-box.text-center,
body.page-id-718 .tmb-booking-wrap .step-confirmation-w .step-confirmation-set-password,
body.page-id-718 .tmb-booking-wrap .step-confirmation-w .confirmation-cabinet-info,
body.page-id-718 .tmb-booking-wrap .step-confirmation-w .os-create-account-box,
body.page-id-718 .tmb-booking-wrap .step-confirmation-w .latepoint-create-account-w,
body.page-id-718 .tmb-booking-wrap .step-confirmation-w .customer-account-prompt,
body.page-id-718 .tmb-booking-wrap .step-confirmation-w div[class*="create-account"],
body.page-id-718 .tmb-booking-wrap .step-confirmation-w div[class*="set-password"],
body.page-id-718 .tmb-booking-wrap .step-confirmation-w div[class*="cabinet-info"] {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

/* Show and style the Order Number */
body.page-id-718 .tmb-booking-wrap .current-step-confirmation .ss-confirmation-number,
body.page-id-718 .tmb-booking-wrap .current-step-confirmation [class*="confirmation-number"],
body.page-id-718 .tmb-booking-wrap .current-step-confirmation [class*="order-number"],
body.page-id-718 .tmb-booking-wrap .step-confirmation-w .ss-confirmation-number,
body.page-id-718 .tmb-booking-wrap .step-confirmation-w [class*="confirmation-number"],
body.page-id-718 .tmb-booking-wrap .step-confirmation-w [class*="order-number"] {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  margin-top: 18px !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  opacity: 1 !important;
  visibility: visible !important;
}

/* Make all Order Number text readable */
body.page-id-718 .tmb-booking-wrap .current-step-confirmation .ss-confirmation-number *,
body.page-id-718 .tmb-booking-wrap .current-step-confirmation [class*="confirmation-number"] *,
body.page-id-718 .tmb-booking-wrap .current-step-confirmation [class*="order-number"] *,
body.page-id-718 .tmb-booking-wrap .step-confirmation-w .ss-confirmation-number *,
body.page-id-718 .tmb-booking-wrap .step-confirmation-w [class*="confirmation-number"] *,
body.page-id-718 .tmb-booking-wrap .step-confirmation-w [class*="order-number"] * {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  opacity: 1 !important;
}

/* Make the actual order value gold if LatePoint wraps it in strong/span */
body.page-id-718 .tmb-booking-wrap .current-step-confirmation .ss-confirmation-number strong,
body.page-id-718 .tmb-booking-wrap .current-step-confirmation [class*="confirmation-number"] strong,
body.page-id-718 .tmb-booking-wrap .current-step-confirmation [class*="order-number"] strong,
body.page-id-718 .tmb-booking-wrap .step-confirmation-w .ss-confirmation-number strong,
body.page-id-718 .tmb-booking-wrap .step-confirmation-w [class*="confirmation-number"] strong,
body.page-id-718 .tmb-booking-wrap .step-confirmation-w [class*="order-number"] strong {
  color: #bc9130 !important;
  -webkit-text-fill-color: #bc9130 !important;
  font-weight: 800 !important;
  letter-spacing: 0.08em !important;
}/* End custom CSS */