/*
 Theme Name:   Bricks Child Theme
 Theme URI:    https://bricksbuilder.io/
 Description:  Use this child theme to extend Bricks.
 Author:       Bricks
 Author URI:   https://bricksbuilder.io/
 Template:     bricks
 Version:      1.1
 Text Domain:  bricks
*/

/* Luxe Male Grooming: LatePoint booking interface */
body.latepoint-lightbox-active .latepoint-lightbox-w {
  background-color: rgb(8 8 10 / 88%);
}

.latepoint-w.latepoint-lightbox-form {
  --latepoint-brand-primary: var(--primary, #e6007e);
  --latepoint-body-color: #f4f2f6;
  --latepoint-headings-color: #ffffff;
  --latepoint-color-text-faded: #b8b7bf;
  --latepoint-side-panel-bg: #111115;
  --latepoint-summary-panel-bg: #111115;
  --latepoint-calendar-weekday-label-bg: #111115;
  --latepoint-calendar-weekday-label-color: #f4f2f6;
  --latepoint-timeslot-selected-color: var(--primary, #e6007e);
  --latepoint-border-radius: 4px;
  --latepoint-border-radius-sm: 4px;
  --latepoint-border-radius-md: 4px;
  --latepoint-border-radius-lg: 8px;
  color: #f4f2f6;
  font-family: Poppins, sans-serif;
}

.latepoint-w.latepoint-lightbox-form :where(h1, h2, h3, h4, h5, h6),
.latepoint-w.latepoint-lightbox-form :where(.os-heading-text, .os-item-name, .latepoint-desc-title, .latepoint-btn) {
  font-family: "Space Grotesk", sans-serif;
}

.latepoint-w.latepoint-lightbox-form .latepoint-lightbox-i {
  background-color: #08080a;
  border: 1px solid #343239;
  border-radius: 8px;
  box-shadow: 0 22px 70px rgb(3 3 5 / 65%);
  overflow: hidden;
}

.latepoint-w.latepoint-lightbox-form :where(
  .latepoint-booking-form-element,
  .latepoint-form-w,
  .latepoint-heading-w,
  .latepoint-footer
) {
  background-color: #08080a;
  color: #f4f2f6;
}

.latepoint-w.latepoint-lightbox-form .latepoint-side-panel,
.latepoint-w.latepoint-lightbox-form .latepoint-summary-w {
  background-color: #111115;
  border-color: #343239;
  color: #f4f2f6;
}

.latepoint-w.latepoint-lightbox-form .latepoint-form-w {
  border-color: #343239 !important;
}

.latepoint-w.latepoint-lightbox-form .latepoint-heading-w {
  border-bottom: 1px solid #343239;
}

.latepoint-w.latepoint-lightbox-form .os-heading-text,
.latepoint-w.latepoint-lightbox-form .latepoint-desc-title,
.latepoint-w.latepoint-lightbox-form .latepoint-questions h5,
.latepoint-w.latepoint-lightbox-form .summary-header,
.latepoint-w.latepoint-lightbox-form .summary-box-heading {
  color: #ffffff;
}

.latepoint-w.latepoint-lightbox-form :where(
  .latepoint-desc-content,
  .latepoint-questions,
  .latepoint-questions p,
  .os-item-desc,
  .os-item-price-label,
  .summary-header span,
  .sbh-item,
  .pbh-label
) {
  color: #b8b7bf;
}

.latepoint-w.latepoint-lightbox-form .latepoint-questions a {
  color: var(--primary, #e6007e);
  font-weight: 600;
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 3px;
}

.latepoint-w.latepoint-lightbox-form .latepoint-lightbox-close {
  color: #ffffff;
  transition: color 180ms ease-out, transform 180ms ease-out;
}

.latepoint-w.latepoint-lightbox-form .latepoint-lightbox-close:hover,
.latepoint-w.latepoint-lightbox-form .latepoint-lightbox-close:focus-visible {
  color: var(--primary, #e6007e);
  transform: scale(1.06);
}

.latepoint-w.latepoint-lightbox-form .latepoint-lightbox-close:focus-visible,
.latepoint-w.latepoint-lightbox-form :where(a, button, input, select, textarea):focus-visible {
  outline: 2px solid var(--primary, #e6007e);
  outline-offset: 3px;
}

.latepoint-w.latepoint-lightbox-form .latepoint-step-svg-base {
  fill: #f4f2f6;
  stroke: #f4f2f6;
}

.latepoint-w.latepoint-lightbox-form .latepoint-step-svg-highlight {
  fill: var(--primary, #e6007e);
  stroke: var(--primary, #e6007e);
}

.latepoint-w.latepoint-lightbox-form .latepoint-progress li .progress-item {
  background-color: #343239;
}

.latepoint-w.latepoint-lightbox-form .latepoint-progress li.active .progress-item,
.latepoint-w.latepoint-lightbox-form .latepoint-progress li.complete .progress-item {
  background-color: var(--primary, #e6007e);
}

.latepoint-w.latepoint-lightbox-form .os-item .os-item-i,
.latepoint-w.latepoint-lightbox-form .lp-option,
.latepoint-w.latepoint-lightbox-form .summary-box {
  background-color: #1a1a1a;
  border-color: #343239;
  border-radius: 4px;
  color: #f4f2f6;
  transition: border-color 180ms ease-out, background-color 180ms ease-out, transform 180ms ease-out;
}

.latepoint-w.latepoint-lightbox-form .os-selectable-item:hover .os-item-i,
.latepoint-w.latepoint-lightbox-form .os-selectable-item:focus-within .os-item-i,
.latepoint-w.latepoint-lightbox-form .os-selectable-item.selected .os-item-i,
.latepoint-w.latepoint-lightbox-form .os-selectable-item .os-item-i.selected,
.latepoint-w.latepoint-lightbox-form .lp-option.selected {
  background-color: #21131c;
  border-color: var(--primary, #e6007e);
}

.latepoint-w.latepoint-lightbox-form .os-selectable-item:hover .os-item-i {
  transform: translateY(-1px);
}

.latepoint-w.latepoint-lightbox-form .os-item-name,
.latepoint-w.latepoint-lightbox-form .os-item-name-w,
.latepoint-w.latepoint-lightbox-form .spi-name,
.latepoint-w.latepoint-lightbox-form .sbh-item strong,
.latepoint-w.latepoint-lightbox-form .spi-total {
  color: #ffffff;
}

.latepoint-w.latepoint-lightbox-form .os-item-price,
.latepoint-w.latepoint-lightbox-form .spi-price,
.latepoint-w.latepoint-lightbox-form .price-breakdown-unfold {
  color: var(--primary, #e6007e);
}

.latepoint-w.latepoint-lightbox-form .os-item-img-w img {
  border-radius: 4px;
}

.latepoint-w.latepoint-lightbox-form .latepoint-btn,
.latepoint-w.latepoint-lightbox-form .latepoint-btn.latepoint-btn-primary {
  background-color: var(--primary, #e6007e);
  border: 1px solid var(--primary, #e6007e);
  border-radius: 4px;
  color: #ffffff;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  transition: background-color 180ms ease-out, border-color 180ms ease-out, transform 180ms ease-out;
}

.latepoint-w.latepoint-lightbox-form .latepoint-btn:hover,
.latepoint-w.latepoint-lightbox-form .latepoint-btn:focus,
.latepoint-w.latepoint-lightbox-form .latepoint-btn.latepoint-btn-primary:hover,
.latepoint-w.latepoint-lightbox-form .latepoint-btn.latepoint-btn-primary:focus {
  background-color: var(--primary-hover, #ff0a91);
  border-color: var(--primary-hover, #ff0a91);
  color: #ffffff !important;
  transform: translateY(-1px);
}

.latepoint-w.latepoint-lightbox-form .latepoint-btn.latepoint-btn-secondary,
.latepoint-w.latepoint-lightbox-form .latepoint-btn.latepoint-btn-white {
  background-color: #1a1a1a;
  border-color: #4c4952;
  color: #ffffff !important;
}

.latepoint-w.latepoint-lightbox-form .latepoint-btn.latepoint-btn-secondary:hover,
.latepoint-w.latepoint-lightbox-form .latepoint-btn.latepoint-btn-white:hover {
  background-color: #27252b;
  border-color: #77737e;
}

.latepoint-w.latepoint-lightbox-form :where(
  input.os-form-control,
  select.os-form-control,
  textarea.os-form-control,
  .os-form-control
) {
  background-color: #111115 !important;
  border-color: #4c4952 !important;
  color: #ffffff !important;
  caret-color: var(--primary, #e6007e);
}

.latepoint-w.latepoint-lightbox-form :where(
  input.os-form-control,
  textarea.os-form-control
)::placeholder {
  color: #9d9aa5 !important;
  opacity: 1;
}

.latepoint-w.latepoint-lightbox-form :where(
  input.os-form-control,
  select.os-form-control,
  textarea.os-form-control,
  .os-form-control
):focus {
  background-color: #16161b !important;
  border-color: var(--primary, #e6007e) !important;
  box-shadow: 0 0 0 3px rgb(230 0 126 / 18%) !important;
  outline: none;
}

.latepoint-w.latepoint-lightbox-form .os-form-group label,
.latepoint-w.latepoint-lightbox-form .os-form-group.os-form-textfield-group label {
  color: #b8b7bf !important;
}

.latepoint-w.latepoint-lightbox-form .os-form-group.os-invalid label {
  color: #ff9999 !important;
}

.latepoint-w.latepoint-lightbox-form .os-form-group.os-invalid :where(input, select, textarea) {
  border-color: #ff6b6b !important;
  box-shadow: 0 0 0 3px rgb(255 107 107 / 16%) !important;
}

.latepoint-w.latepoint-lightbox-form :where(
  .os-monthly-calendar-days .os-day,
  .dp-timeslot,
  .os-time-slot,
  .os-date-w
) {
  background-color: #1a1a1a;
  border-color: #343239;
  color: #f4f2f6;
}

.latepoint-w.latepoint-lightbox-form :where(
  .os-monthly-calendar-days .os-day.selected,
  .os-monthly-calendar-days .os-day:hover,
  .dp-timeslot.selected,
  .dp-timeslot:hover,
  .os-time-slot.selected,
  .os-time-slot:hover
) {
  background-color: var(--primary, #e6007e);
  border-color: var(--primary, #e6007e);
  color: #ffffff;
}

.latepoint-w.latepoint-lightbox-form :where(
  .os-monthly-calendar-header,
  .os-weekdays,
  .os-monthly-calendar-days,
  .step-datepicker-w,
  .latepoint-timezone-selector-w
) {
  color: #f4f2f6;
}

.latepoint-w.latepoint-lightbox-form :where(
  .summary-header,
  .os-summary-contents-inner,
  .cart-summary-main-section,
  .summary-price-breakdown-inner,
  .checkout-from-summary-panel-btn-wrapper
) {
  background-color: #111115;
  border-color: #343239;
}

.latepoint-w.latepoint-lightbox-form :where(.sbh-line, .pbh-line) {
  background-color: #343239;
}

@media (max-width: 600px) {
  .latepoint-w.latepoint-lightbox-form .latepoint-lightbox-i {
    border: 0;
    border-radius: 0;
  }

  .latepoint-w.latepoint-lightbox-form .latepoint-heading-w {
    min-height: 60px;
  }

  .latepoint-w.latepoint-lightbox-form .latepoint-body {
    padding: 20px 16px;
  }

  .latepoint-w.latepoint-lightbox-form .os-item .os-item-i {
    padding: 12px;
  }

  .latepoint-w.latepoint-lightbox-form .os-item-price-w {
    min-width: 72px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .latepoint-w.latepoint-lightbox-form *,
  .latepoint-w.latepoint-lightbox-form *::before,
  .latepoint-w.latepoint-lightbox-form *::after {
    scroll-behavior: auto !important;
    transition-duration: 0.01ms !important;
  }
}

/* LatePoint loads some component surfaces after the theme stylesheet. */
body.latepoint-lightbox-active .latepoint-lightbox-i {
  background-color: #08080a !important;
  border: 1px solid #343239 !important;
  border-radius: 8px !important;
  box-shadow: 0 22px 70px rgb(3 3 5 / 65%) !important;
  overflow: hidden;
}

body.latepoint-lightbox-active .latepoint-lightbox-i > .latepoint-w.latepoint-lightbox-form {
  font-family: Poppins, sans-serif;
}

.latepoint-w.latepoint-lightbox-form .latepoint-booking-form-element,
.latepoint-w.latepoint-lightbox-form .latepoint-booking-form-element .latepoint-form-w,
.latepoint-w.latepoint-lightbox-form .latepoint-booking-form-element .latepoint-heading-w,
.latepoint-w.latepoint-lightbox-form .latepoint-booking-form-element .latepoint-footer {
  background-color: #08080a !important;
  color: #f4f2f6 !important;
}

.latepoint-w.latepoint-lightbox-form .latepoint-booking-form-element .latepoint-heading-w {
  border-bottom-color: #343239 !important;
}

.latepoint-w.latepoint-lightbox-form .latepoint-booking-form-element .os-items .os-item .os-item-i,
.latepoint-w.latepoint-lightbox-form .latepoint-booking-form-element .lp-options .lp-option,
.latepoint-w.latepoint-lightbox-form .latepoint-booking-form-element .summary-box {
  background-color: #1a1a1a !important;
  border-color: #343239 !important;
  color: #f4f2f6 !important;
}

.latepoint-w.latepoint-lightbox-form .latepoint-booking-form-element .os-items .os-item:hover .os-item-i,
.latepoint-w.latepoint-lightbox-form .latepoint-booking-form-element .os-items .os-item.selected .os-item-i,
.latepoint-w.latepoint-lightbox-form .latepoint-booking-form-element .os-items .os-item .os-item-i.selected,
.latepoint-w.latepoint-lightbox-form .latepoint-booking-form-element .lp-options .lp-option.selected {
  background-color: #21131c !important;
  border-color: var(--primary, #e6007e) !important;
}

.latepoint-w.latepoint-lightbox-form .latepoint-booking-form-element .os-item .os-item-name,
.latepoint-w.latepoint-lightbox-form .latepoint-booking-form-element .os-item .os-item-name-w,
.latepoint-w.latepoint-lightbox-form .latepoint-booking-form-element .os-item .os-item-name-w span,
.latepoint-w.latepoint-lightbox-form .latepoint-booking-form-element .os-heading-text {
  color: #ffffff !important;
}

.latepoint-w.latepoint-lightbox-form .latepoint-booking-form-element .os-item .os-item-desc,
.latepoint-w.latepoint-lightbox-form .latepoint-booking-form-element .os-item .os-item-price-label {
  color: #b8b7bf !important;
}

body.latepoint-lightbox-active .latepoint-lightbox-i .latepoint-lightbox-close {
  color: #ffffff !important;
}

body.latepoint-lightbox-active .latepoint-lightbox-i .latepoint-lightbox-close:hover,
body.latepoint-lightbox-active .latepoint-lightbox-i .latepoint-lightbox-close:focus-visible {
  color: var(--primary, #e6007e) !important;
}

.latepoint-w.latepoint-lightbox-form .latepoint-booking-form-element .latepoint-form {
  background-color: #08080a !important;
  color: #f4f2f6 !important;
}

.latepoint-w.latepoint-lightbox-form .latepoint-booking-form-element .os-items .os-item .os-item-desc {
  color: #b8b7bf !important;
}

.latepoint-w.latepoint-lightbox-form .latepoint-booking-form-element .os-weekdays .weekday {
  background-color: #111115 !important;
  color: #b8b7bf !important;
}

.latepoint-w.latepoint-lightbox-form .latepoint-booking-form-element :where(
  .os-month-prev-btn,
  .os-month-next-btn,
  .os-month-prev-btn .latepoint-icon,
  .os-month-next-btn .latepoint-icon
) {
  color: #f4f2f6 !important;
}

.latepoint-w.latepoint-lightbox-form .latepoint-booking-form-element .os-day.os-today .os-day-box {
  background-color: #21131c !important;
  box-shadow: inset 0 0 0 1px var(--primary, #e6007e);
}

.latepoint-w.latepoint-lightbox-form .latepoint-booking-form-element .os-day.os-today .os-day-number {
  color: #ffffff !important;
}

.latepoint-w.latepoint-lightbox-form .latepoint-booking-form-element .os-day .os-day-status,
.latepoint-w.latepoint-lightbox-form .latepoint-booking-form-element .os-day .day-available {
  background-color: var(--primary, #e6007e) !important;
}

.latepoint-w.latepoint-lightbox-form .latepoint-booking-form-element .latepoint-message-info {
  background-color: #1a1a1a !important;
  border: 1px solid #343239;
  color: #f4f2f6 !important;
}

/* LatePoint contrast pass: calendar, summary and customer information. */
.latepoint-w.latepoint-lightbox-form .latepoint-booking-form-element.current-step-booking__datepicker .times-header,
.latepoint-w.latepoint-lightbox-form .latepoint-booking-form-element.current-step-booking__datepicker .times-header :where(strong, span) {
  color: #f4f2f6 !important;
}

.latepoint-w.latepoint-lightbox-form .latepoint-booking-form-element.current-step-booking__datepicker .os-day:not(.os-not-available) .os-day-number {
  background-color: transparent !important;
  color: #f4f2f6 !important;
}

.latepoint-w.latepoint-lightbox-form .latepoint-booking-form-element.current-step-booking__datepicker .os-day.os-today .os-day-number {
  background-color: transparent !important;
  color: #ffffff !important;
}

.latepoint-w.latepoint-lightbox-form .latepoint-booking-form-element.current-step-booking__datepicker .dp-timebox {
  background-color: #1a1a1a !important;
  border: 1px solid #4c4952 !important;
  color: #f4f2f6 !important;
  transition: background-color 180ms ease-out, border-color 180ms ease-out;
}

.latepoint-w.latepoint-lightbox-form .latepoint-booking-form-element.current-step-booking__datepicker .dp-timebox :where(.dp-label, .dp-label-time) {
  color: #f4f2f6 !important;
}

.latepoint-w.latepoint-lightbox-form .latepoint-booking-form-element.current-step-booking__datepicker .dp-timebox:hover,
.latepoint-w.latepoint-lightbox-form .latepoint-booking-form-element.current-step-booking__datepicker .dp-timebox:focus-visible,
.latepoint-w.latepoint-lightbox-form .latepoint-booking-form-element.current-step-booking__datepicker .dp-timebox.selected,
.latepoint-w.latepoint-lightbox-form .latepoint-booking-form-element.current-step-booking__datepicker .dp-timebox.active,
.latepoint-w.latepoint-lightbox-form .latepoint-booking-form-element.current-step-booking__datepicker .dp-timebox[aria-selected="true"] {
  background-color: #21131c !important;
  border-color: var(--primary, #e6007e) !important;
}

.latepoint-w.latepoint-lightbox-form .latepoint-summary-w .summary-header-label,
.latepoint-w.latepoint-lightbox-form .latepoint-summary-w .latepoint-lightbox-summary-trigger {
  background-color: transparent !important;
  color: #ffffff !important;
}

.latepoint-w.latepoint-lightbox-form .latepoint-summary-w .latepoint-lightbox-summary-trigger :where(i, span) {
  color: #ffffff !important;
}

.latepoint-w.latepoint-lightbox-form .latepoint-summary-w .summary-box .sbc-big-item,
.latepoint-w.latepoint-lightbox-form .latepoint-summary-w .summary-box .sbc-main-item,
.latepoint-w.latepoint-lightbox-form .latepoint-summary-w .summary-box .sbh-item strong {
  color: #ffffff !important;
}

.latepoint-w.latepoint-lightbox-form .latepoint-summary-w .summary-box :where(.sbc-highlighted-item, .sbh-item, .pbh-label) {
  color: #b8b7bf !important;
}

.latepoint-w.latepoint-lightbox-form .latepoint-booking-form-element.current-step-customer .latepoint-form .os-form-group.os-form-textfield-group input.os-form-control,
.latepoint-w.latepoint-lightbox-form .latepoint-booking-form-element.current-step-customer .latepoint-form .os-form-group.os-form-textarea-group textarea.os-form-control {
  background-color: #16161b !important;
  border: 1px solid #4c4952 !important;
  color: #ffffff !important;
  box-shadow: none !important;
}

.latepoint-w.latepoint-lightbox-form .latepoint-booking-form-element.current-step-customer .latepoint-form :where(input.os-form-control, textarea.os-form-control)::placeholder {
  color: #9d9aa5 !important;
  opacity: 1 !important;
}

.latepoint-w.latepoint-lightbox-form .latepoint-booking-form-element.current-step-customer .latepoint-form .os-form-group.os-form-textfield-group input.os-form-control:focus,
.latepoint-w.latepoint-lightbox-form .latepoint-booking-form-element.current-step-customer .latepoint-form .os-form-group.os-form-textarea-group textarea.os-form-control:focus {
  background-color: #1a1a1a !important;
  border-color: var(--primary, #e6007e) !important;
  box-shadow: 0 0 0 3px rgb(230 0 126 / 18%) !important;
}

.latepoint-w.latepoint-lightbox-form .latepoint-booking-form-element.current-step-customer .os-form-phonefield-group,
.latepoint-w.latepoint-lightbox-form .latepoint-booking-form-element.current-step-customer .os-form-phonefield-group .lp_iti {
  background-color: #16161b !important;
}

.latepoint-w.latepoint-lightbox-form .latepoint-booking-form-element.current-step-customer .os-form-phonefield-group .lp_iti__selected-flag {
  background-color: #111115 !important;
  border-right: 1px solid #4c4952 !important;
}

.latepoint-w.latepoint-lightbox-form .latepoint-booking-form-element.current-step-customer .os-form-phonefield-group :where(.lp_iti__selected-dial-code, .lp_iti__arrow) {
  color: #f4f2f6 !important;
}

.latepoint-w.latepoint-lightbox-form .latepoint-booking-form-element.current-step-customer .os-form-phonefield-group input.os-form-control {
  background-color: #16161b !important;
  color: #ffffff !important;
}

.latepoint-w.latepoint-lightbox-form .latepoint-booking-form-element.current-step-customer .os-step-tab {
  color: #b8b7bf !important;
}

.latepoint-w.latepoint-lightbox-form .latepoint-booking-form-element.current-step-customer .os-step-tab.active {
  color: #ffffff !important;
}

.latepoint-w.latepoint-lightbox-form .latepoint-lightbox-summary-trigger {
  background-color: #1a1a1a !important;
  border: 1px solid #4c4952 !important;
  color: #ffffff !important;
}

.latepoint-w.latepoint-lightbox-form .latepoint-lightbox-summary-trigger :where(i, span),
.latepoint-w.latepoint-lightbox-form .latepoint-summary-w :where(.pbh-label, .summary-box-heading) {
  color: #f4f2f6 !important;
}

/* LatePoint refinement: phone country selector and calendar hierarchy. */
.latepoint-w.latepoint-lightbox-form .latepoint-booking-form-element.current-step-customer .lp_iti__country-list {
  background-color: #111115 !important;
  border: 1px solid #4c4952 !important;
  border-radius: 8px !important;
  box-shadow: 0 18px 48px rgb(3 3 5 / 62%) !important;
  color: #f4f2f6 !important;
  inline-size: min(32rem, calc(100vw - 2rem)) !important;
  max-block-size: 26rem !important;
  padding: 8px !important;
  scrollbar-color: var(--primary, #e6007e) #1a1a1a;
  scrollbar-width: thin;
  z-index: 20 !important;
}

.latepoint-w.latepoint-lightbox-form .latepoint-booking-form-element.current-step-customer .lp_iti__country-list::-webkit-scrollbar {
  inline-size: 8px;
}

.latepoint-w.latepoint-lightbox-form .latepoint-booking-form-element.current-step-customer .lp_iti__country-list::-webkit-scrollbar-track {
  background-color: #1a1a1a;
  border-radius: 8px;
}

.latepoint-w.latepoint-lightbox-form .latepoint-booking-form-element.current-step-customer .lp_iti__country-list::-webkit-scrollbar-thumb {
  background-color: var(--primary, #e6007e);
  border: 2px solid #1a1a1a;
  border-radius: 8px;
}

.latepoint-w.latepoint-lightbox-form .latepoint-booking-form-element.current-step-customer .lp_iti__country {
  align-items: center !important;
  background-color: transparent !important;
  border-radius: 4px !important;
  color: #f4f2f6 !important;
  display: flex !important;
  gap: 10px !important;
  min-block-size: 42px;
  padding: 9px 10px !important;
  transition: background-color 160ms cubic-bezier(0.22, 1, 0.36, 1), color 160ms cubic-bezier(0.22, 1, 0.36, 1);
}

.latepoint-w.latepoint-lightbox-form .latepoint-booking-form-element.current-step-customer .lp_iti__country:hover,
.latepoint-w.latepoint-lightbox-form .latepoint-booking-form-element.current-step-customer .lp_iti__country.lp_iti__highlight {
  background-color: #21131c !important;
  color: #ffffff !important;
}

.latepoint-w.latepoint-lightbox-form .latepoint-booking-form-element.current-step-customer .lp_iti__country.lp_iti__active {
  box-shadow: inset 3px 0 0 var(--primary, #e6007e);
}

.latepoint-w.latepoint-lightbox-form .latepoint-booking-form-element.current-step-customer .lp_iti__country-name {
  color: inherit !important;
  flex: 1 1 auto;
  font-weight: 500;
}

.latepoint-w.latepoint-lightbox-form .latepoint-booking-form-element.current-step-customer .lp_iti__dial-code {
  color: #b8b7bf !important;
  font-variant-numeric: tabular-nums;
  font-weight: 600;
  margin-inline-start: auto !important;
}

.latepoint-w.latepoint-lightbox-form .latepoint-booking-form-element.current-step-customer .lp_iti__country:hover .lp_iti__dial-code,
.latepoint-w.latepoint-lightbox-form .latepoint-booking-form-element.current-step-customer .lp_iti__country.lp_iti__highlight .lp_iti__dial-code {
  color: var(--primary-hover, #ff0a91) !important;
}

.latepoint-w.latepoint-lightbox-form .latepoint-booking-form-element.current-step-customer .lp_iti__divider {
  border-bottom: 1px solid #343239 !important;
  margin-block: 6px !important;
  padding: 0 !important;
}

.latepoint-w.latepoint-lightbox-form .latepoint-booking-form-element.current-step-booking__datepicker .os-current-month-label-w {
  align-items: baseline;
  margin-block-end: 12px;
}

.latepoint-w.latepoint-lightbox-form .latepoint-booking-form-element.current-step-booking__datepicker .os-current-month-label {
  align-items: baseline;
  gap: 10px;
}

.latepoint-w.latepoint-lightbox-form .latepoint-booking-form-element.current-step-booking__datepicker .current-month {
  color: #ffffff !important;
  font-size: 3.2rem !important;
  font-weight: 650 !important;
  letter-spacing: -0.03em;
  line-height: 1.1 !important;
}

.latepoint-w.latepoint-lightbox-form .latepoint-booking-form-element.current-step-booking__datepicker .current-year {
  color: #b8b7bf !important;
  font-size: 1.5rem !important;
  font-weight: 600 !important;
  letter-spacing: 0.02em;
}

.latepoint-w.latepoint-lightbox-form .latepoint-booking-form-element.current-step-booking__datepicker .os-weekdays {
  background-color: #111115 !important;
  border: 1px solid #343239 !important;
  border-block-end: 0 !important;
  border-radius: 8px 8px 0 0 !important;
  min-block-size: 40px;
  padding-inline: 8px !important;
}

.latepoint-w.latepoint-lightbox-form .latepoint-booking-form-element.current-step-booking__datepicker .os-weekdays .weekday {
  align-items: center;
  background-color: transparent !important;
  border: 0 !important;
  color: #b8b7bf !important;
  display: flex;
  font-size: 1.2rem !important;
  font-weight: 700 !important;
  height: auto !important;
  justify-content: center;
  letter-spacing: 0.1em;
  line-height: 1 !important;
  padding: 0 !important;
}

.latepoint-w.latepoint-lightbox-form .latepoint-booking-form-element.current-step-booking__datepicker .os-monthly-calendar-days {
  background-color: #111115 !important;
  border: 1px solid #343239 !important;
  border-radius: 0 0 8px 8px !important;
  padding: 8px !important;
}

.latepoint-w.latepoint-lightbox-form .latepoint-booking-form-element.current-step-booking__datepicker .os-monthly-calendar-days .os-day {
  background-color: transparent !important;
  padding: 3px !important;
}

.latepoint-w.latepoint-lightbox-form .latepoint-booking-form-element.current-step-booking__datepicker .os-day .os-day-box {
  align-items: center;
  background-color: transparent !important;
  border: 1px solid transparent;
  border-radius: 6px !important;
  display: flex;
  justify-content: center;
  min-block-size: 48px;
  padding: 0 !important;
  position: relative;
  transition: background-color 160ms cubic-bezier(0.22, 1, 0.36, 1), border-color 160ms cubic-bezier(0.22, 1, 0.36, 1), color 160ms cubic-bezier(0.22, 1, 0.36, 1);
}

.latepoint-w.latepoint-lightbox-form .latepoint-booking-form-element.current-step-booking__datepicker .os-day:not(.os-not-available):hover .os-day-box,
.latepoint-w.latepoint-lightbox-form .latepoint-booking-form-element.current-step-booking__datepicker .os-day:not(.os-not-available):focus-visible .os-day-box {
  background-color: #27252b !important;
  border-color: #4c4952 !important;
}

.latepoint-w.latepoint-lightbox-form .latepoint-booking-form-element.current-step-booking__datepicker .os-day.selected .os-day-box {
  background-color: var(--primary, #e6007e) !important;
  border-color: var(--primary, #e6007e) !important;
  box-shadow: 0 6px 18px rgb(230 0 126 / 24%) !important;
}

.latepoint-w.latepoint-lightbox-form .latepoint-booking-form-element.current-step-booking__datepicker .os-day.selected .os-day-number {
  color: #ffffff !important;
}

.latepoint-w.latepoint-lightbox-form .latepoint-booking-form-element.current-step-booking__datepicker .os-day.os-today:not(.selected) .os-day-box {
  background-color: #21131c !important;
  border-color: var(--primary, #e6007e) !important;
  box-shadow: none !important;
}

.latepoint-w.latepoint-lightbox-form .latepoint-booking-form-element.current-step-booking__datepicker .os-day .os-day-number {
  font-size: 1.6rem !important;
  font-variant-numeric: tabular-nums;
  font-weight: 600 !important;
  line-height: 1 !important;
  text-align: center;
}

.latepoint-w.latepoint-lightbox-form .latepoint-booking-form-element.current-step-booking__datepicker .os-day .os-day-status,
.latepoint-w.latepoint-lightbox-form .latepoint-booking-form-element.current-step-booking__datepicker .os-day .day-available {
  background-color: var(--primary, #e6007e) !important;
  border-radius: 50% !important;
  bottom: 6px;
  height: 5px !important;
  left: 50%;
  position: absolute;
  transform: translateX(-50%);
  width: 5px !important;
}

.latepoint-w.latepoint-lightbox-form .latepoint-booking-form-element.current-step-booking__datepicker .os-day.selected :where(.os-day-status, .day-available) {
  background-color: #ffffff !important;
}

.latepoint-w.latepoint-lightbox-form .latepoint-booking-form-element.current-step-booking__datepicker .os-day.os-month-prev .os-day-number,
.latepoint-w.latepoint-lightbox-form .latepoint-booking-form-element.current-step-booking__datepicker .os-day.os-month-next .os-day-number,
.latepoint-w.latepoint-lightbox-form .latepoint-booking-form-element.current-step-booking__datepicker .os-day.os-not-available .os-day-number {
  color: #77737e !important;
}

/* The phone library portals its open country menu directly under body. */
body.latepoint-lightbox-active > .lp_iti.lp_iti--container .lp_iti__country-list {
  background-color: #111115 !important;
  border: 1px solid #4c4952 !important;
  border-radius: 8px !important;
  box-shadow: 0 18px 48px rgb(3 3 5 / 62%) !important;
  color: #f4f2f6 !important;
  inline-size: min(32rem, calc(100vw - 2rem)) !important;
  max-block-size: 26rem !important;
  padding: 8px !important;
  scrollbar-color: var(--primary, #e6007e) #1a1a1a;
  scrollbar-width: thin;
  z-index: 10000 !important;
}

body.latepoint-lightbox-active > .lp_iti.lp_iti--container .lp_iti__country-list::-webkit-scrollbar {
  inline-size: 8px;
}

body.latepoint-lightbox-active > .lp_iti.lp_iti--container .lp_iti__country-list::-webkit-scrollbar-track {
  background-color: #1a1a1a;
  border-radius: 8px;
}

body.latepoint-lightbox-active > .lp_iti.lp_iti--container .lp_iti__country-list::-webkit-scrollbar-thumb {
  background-color: var(--primary, #e6007e);
  border: 2px solid #1a1a1a;
  border-radius: 8px;
}

body.latepoint-lightbox-active > .lp_iti.lp_iti--container .lp_iti__country {
  align-items: center !important;
  background-color: transparent !important;
  border-radius: 4px !important;
  color: #f4f2f6 !important;
  display: flex !important;
  gap: 10px !important;
  min-block-size: 42px;
  padding: 9px 10px !important;
  transition: background-color 160ms cubic-bezier(0.22, 1, 0.36, 1), color 160ms cubic-bezier(0.22, 1, 0.36, 1);
}

body.latepoint-lightbox-active > .lp_iti.lp_iti--container .lp_iti__country:hover,
body.latepoint-lightbox-active > .lp_iti.lp_iti--container .lp_iti__country.lp_iti__highlight {
  background-color: #21131c !important;
  color: #ffffff !important;
}

body.latepoint-lightbox-active > .lp_iti.lp_iti--container .lp_iti__country.lp_iti__active {
  box-shadow: inset 3px 0 0 var(--primary, #e6007e);
}

body.latepoint-lightbox-active > .lp_iti.lp_iti--container .lp_iti__country-name {
  color: inherit !important;
  flex: 1 1 auto;
  font-weight: 500;
}

body.latepoint-lightbox-active > .lp_iti.lp_iti--container .lp_iti__dial-code {
  color: #b8b7bf !important;
  font-variant-numeric: tabular-nums;
  font-weight: 600;
  margin-inline-start: auto !important;
}

body.latepoint-lightbox-active > .lp_iti.lp_iti--container .lp_iti__country:hover .lp_iti__dial-code,
body.latepoint-lightbox-active > .lp_iti.lp_iti--container .lp_iti__country.lp_iti__highlight .lp_iti__dial-code {
  color: var(--primary-hover, #ff0a91) !important;
}

body.latepoint-lightbox-active > .lp_iti.lp_iti--container .lp_iti__divider {
  border-bottom: 1px solid #343239 !important;
  margin-block: 6px !important;
  padding: 0 !important;
}


/* Manage Booking: readable LatePoint customer login helper text. */
body.page-id-447 #customer-dashboard .latepoint-w .latepoint-customer-box-title,
body.page-id-447 #customer-dashboard .latepoint-w .os-form-group label {
  color: #1a1a1a !important;
  opacity: 1 !important;
}

body.page-id-447 #customer-dashboard .latepoint-w .os-customer-otp-notice {
  color: #4c4952 !important;
  opacity: 1 !important;
}

body.page-id-447 #customer-dashboard .latepoint-w .os-form-control::placeholder {
  color: #4c4952 !important;
  opacity: 1 !important;
}


/* Manage Booking: prevent duplicate floating email label and placeholder. */
body.page-id-447 #customer-dashboard #auth_email::placeholder {
  color: transparent !important;
  opacity: 0 !important;
}


/* LatePoint verification: accessible contrast for order details. */
.latepoint-w.latepoint-lightbox-form .step-verify-w .summary-box {
  background-color: #1a1a1a !important;
  border-color: #343239 !important;
}

.latepoint-w.latepoint-lightbox-form .step-verify-w .sbc-big-item,
.latepoint-w.latepoint-lightbox-form .step-verify-w .sbc-main-item,
.latepoint-w.latepoint-lightbox-form .step-verify-w .sbc-main-item .sbc-label {
  color: #f4f2f6 !important;
  opacity: 1 !important;
}

.latepoint-w.latepoint-lightbox-form .step-verify-w .sbc-highlighted-item,
.latepoint-w.latepoint-lightbox-form .step-verify-w .sbc-sub-item {
  color: #b8b7bf !important;
  opacity: 1 !important;
}

.latepoint-w.latepoint-lightbox-form .step-verify-w .summary-box-heading,
.latepoint-w.latepoint-lightbox-form .step-verify-w .summary-box-heading .sbh-item,
.latepoint-w.latepoint-lightbox-form .step-verify-w .pb-heading .pbh-label {
  color: #b8b7bf !important;
  opacity: 1 !important;
}

.latepoint-w.latepoint-lightbox-form .step-verify-w .summary-box-heading .sbh-line,
.latepoint-w.latepoint-lightbox-form .step-verify-w .pb-heading .pbh-line {
  background-color: #4c4952 !important;
  border-color: #4c4952 !important;
  opacity: 1 !important;
}

.latepoint-w.latepoint-lightbox-form .step-verify-w .latepoint-add-another-item-trigger {
  background-color: #111115 !important;
  border-color: #4c4952 !important;
  color: #b8b7bf !important;
  opacity: 1 !important;
}

.latepoint-w.latepoint-lightbox-form .step-verify-w .latepoint-add-another-item-trigger span,
.latepoint-w.latepoint-lightbox-form .step-verify-w .latepoint-add-another-item-trigger i {
  color: inherit !important;
  opacity: 1 !important;
}

.latepoint-w.latepoint-lightbox-form .step-verify-w .latepoint-add-another-item-trigger:hover,
.latepoint-w.latepoint-lightbox-form .step-verify-w .latepoint-add-another-item-trigger:focus-visible {
  background-color: #27252b !important;
  border-color: #e6007e !important;
  color: #f4f2f6 !important;
  outline: 2px solid #e6007e;
  outline-offset: 2px;
}

.latepoint-w.latepoint-lightbox-form .step-verify-w .sbc-action,
.latepoint-w.latepoint-lightbox-form .step-verify-w .sbc-action i {
  color: #e6007e !important;
  opacity: 1 !important;
}


/* LatePoint confirmation: readable success and order summary on dark surfaces. */
.latepoint-w.latepoint-lightbox-form .step-confirmation-w .summary-status-wrapper .ss-title,
.latepoint-w.latepoint-lightbox-form .step-confirmation-w .summary-status-wrapper .ss-confirmation-number strong {
  color: #f4f2f6 !important;
  opacity: 1 !important;
}

.latepoint-w.latepoint-lightbox-form .step-confirmation-w .summary-status-wrapper .ss-description,
.latepoint-w.latepoint-lightbox-form .step-confirmation-w .summary-status-wrapper .ss-confirmation-number,
.latepoint-w.latepoint-lightbox-form .step-confirmation-w .summary-status-wrapper .ss-confirmation-number span {
  color: #b8b7bf !important;
  opacity: 1 !important;
}

.latepoint-w.latepoint-lightbox-form .step-confirmation-w .summary-box {
  background-color: #1a1a1a !important;
  border-color: #343239 !important;
}

.latepoint-w.latepoint-lightbox-form .step-confirmation-w .sbc-big-item,
.latepoint-w.latepoint-lightbox-form .step-confirmation-w .sbc-main-item,
.latepoint-w.latepoint-lightbox-form .step-confirmation-w .sbc-main-item .sbc-label {
  color: #f4f2f6 !important;
  opacity: 1 !important;
}

.latepoint-w.latepoint-lightbox-form .step-confirmation-w .sbc-highlighted-item,
.latepoint-w.latepoint-lightbox-form .step-confirmation-w .sbc-sub-item,
.latepoint-w.latepoint-lightbox-form .step-confirmation-w .summary-box-heading,
.latepoint-w.latepoint-lightbox-form .step-confirmation-w .summary-box-heading .sbh-item,
.latepoint-w.latepoint-lightbox-form .step-confirmation-w .order-summary-items-heading,
.latepoint-w.latepoint-lightbox-form .step-confirmation-w .pb-heading .pbh-label {
  color: #b8b7bf !important;
  opacity: 1 !important;
}

.latepoint-w.latepoint-lightbox-form .step-confirmation-w .summary-box-heading .sbh-line,
.latepoint-w.latepoint-lightbox-form .step-confirmation-w .order-summary-items-heading .osih-line,
.latepoint-w.latepoint-lightbox-form .step-confirmation-w .pb-heading .pbh-line {
  background-color: #4c4952 !important;
  border-color: #4c4952 !important;
  opacity: 1 !important;
}

.latepoint-w.latepoint-lightbox-form .step-confirmation-w .booking-summary-action-btn {
  background-color: #111115 !important;
  border-color: #4c4952 !important;
  color: #f4f2f6 !important;
  opacity: 1 !important;
}

.latepoint-w.latepoint-lightbox-form .step-confirmation-w .booking-summary-action-btn span,
.latepoint-w.latepoint-lightbox-form .step-confirmation-w .booking-summary-action-btn i {
  color: inherit !important;
  opacity: 1 !important;
}

.latepoint-w.latepoint-lightbox-form .step-confirmation-w .booking-summary-action-btn:hover,
.latepoint-w.latepoint-lightbox-form .step-confirmation-w .booking-summary-action-btn:focus-visible {
  background-color: #27252b !important;
  border-color: #e6007e !important;
  color: #f4f2f6 !important;
  outline: 2px solid #e6007e;
  outline-offset: 2px;
}

.latepoint-w.latepoint-lightbox-form .step-confirmation-w [class*="qr"],
.latepoint-w.latepoint-lightbox-form .step-confirmation-w [class*="qr"] a,
.latepoint-w.latepoint-lightbox-form .step-confirmation-w [class*="qr"] button,
.latepoint-w.latepoint-lightbox-form .step-confirmation-w [class*="qr"] span {
  color: #f4f2f6 !important;
  opacity: 1 !important;
}

.latepoint-w.latepoint-lightbox-form .step-confirmation-w [class*="qr"] img,
.latepoint-w.latepoint-lightbox-form .step-confirmation-w [class*="qr"] svg,
.latepoint-w.latepoint-lightbox-form .step-confirmation-w [class*="qr"] canvas {
  background-color: #f4f2f6 !important;
  border-radius: 4px;
  padding: 4px;
}