/* Classic widget — Baseline Studios pricing page: #050505 bg, #FFFFFF text, #FA6500 accent, #2A2A2A chrome, Helvetica */
html, body, #sb_main, #main {
  background-color: #050505 !important;
  background-image: none !important;
  color: #ffffff !important;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
}

#header, .header-background, .flex-header-row {
  background-color: #2A2A2A !important;
  color: #ffffff !important;
}

.company-name {
  color: #ffffff !important;
}

#steps-nav, #time-settings, #footer, .main-image-block-pd, #sb_menu, .booking-info-dell, #main-content, .wrap-steps-items-content {
  background-color: #050505 !important;
  color: #ffffff !important;
  border-color: #2A2A2A !important;
  box-shadow: none !important;
}

#steps-nav {
  border-bottom: 2px solid #FA6500 !important;
  border-radius: 0 !important;
}

.step_info_item .title-small, #steps-nav a, #steps-nav .title-small {
  color: #ffffff !important;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
  font-weight: 700 !important;
  letter-spacing: 0.06em !important;
}

.step_info_item.active .title-small, .step_info_item.active a {
  color: #FA6500 !important;
}

.step_info_item.active {
  box-shadow: inset 0 -2px 0 #FA6500 !important;
}

.location-item, .service-item, .provider-item, .product-item, .excerpt-info, .addon-item {
  background-color: #141414 !important;
  color: #ffffff !important;
  border: 1px solid #2A2A2A !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

.location-item p, .excerpt-info, .excerpt-info p, #steps, #steps-content, #time-settings, #footer, .booking-info-dell {
  color: #ffffff !important;
}

h1, h2, h3, h4, .page-header, .service-name, .provider-name, .company-name {
  color: #ffffff !important;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
  font-weight: 700 !important;
}

a:not(.btn) {
  color: #FA6500;
}

#steps-nav a, #footer a, #header a:not(.btn) {
  color: #ffffff !important;
}

#steps-nav .step_info_item.active a {
  color: #FA6500 !important;
}

a.btn.select, .btn.select, .btn-default {
  background-color: transparent !important;
  border: 1px solid #ffffff !important;
  color: #ffffff !important;
  border-radius: 8px !important;
  font-weight: 700 !important;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
}

a.btn.select:hover, .btn.select:hover, .btn-default:hover {
  background-color: #FA6500 !important;
  border-color: #FA6500 !important;
  color: #050505 !important;
}

a.btn.book, .btn.book, .btn-primary, button.btn-primary, .btn.btn-primary, input[type="submit"].btn {
  background-color: #FA6500 !important;
  border: 1px solid #FA6500 !important;
  color: #ffffff !important;
  border-radius: 999px !important;
  font-weight: 700 !important;
}

a.btn.book:hover, .btn.book:hover, .btn-primary:hover, button.btn-primary:hover, .btn.btn-primary:hover, input[type="submit"].btn:hover {
  background-color: #ffffff !important;
  border-color: #ffffff !important;
  color: #050505 !important;
}

/* Form fields: light surface + dark text so typing is readable. Page and cards stay dark. */
html body .material-input input,
html body .material-input textarea,
html body .material-input select,
html body input.form-control,
html body textarea.form-control,
html body select.form-control,
html body input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="button"]):not([type="reset"]):not([type="hidden"]):not([type="image"]):not([type="file"]),
html body textarea,
html body select {
  background-color: #ffffff !important;
  background-image: none !important;
  color: #141414 !important;
  -webkit-text-fill-color: #141414 !important;
  caret-color: #141414 !important;
  border: 1px solid #cccccc !important;
  border-radius: 4px !important;
  color-scheme: light;
}
html body .material-input input::placeholder,
html body .material-input textarea::placeholder,
html body input::placeholder,
html body textarea::placeholder,
html body .form-control::placeholder {
  color: #888888 !important;
  -webkit-text-fill-color: #888888 !important;
  opacity: 1 !important;
}
html body .material-input select option,
html body select option {
  background-color: #ffffff !important;
  color: #141414 !important;
}
html body input:-webkit-autofill,
html body input:-webkit-autofill:hover,
html body input:-webkit-autofill:focus,
html body textarea:-webkit-autofill,
html body textarea:-webkit-autofill:hover,
html body textarea:-webkit-autofill:focus,
html body select:-webkit-autofill,
html body select:-webkit-autofill:hover,
html body select:-webkit-autofill:focus,
html body .material-input input:-webkit-autofill,
html body .material-input input:-webkit-autofill:hover,
html body .material-input input:-webkit-autofill:focus {
  -webkit-text-fill-color: #141414 !important;
  caret-color: #141414 !important;
  box-shadow: 0 0 0 1000px #ffffff inset !important;
  -webkit-box-shadow: 0 0 0 1000px #ffffff inset !important;
  transition: background-color 9999s ease-out 0s;
}
html body .material-input label,
html body .form-group > label,
html body .form-group label.label,
html body label.label,
html body .control-label {
  color: #ffffff !important;
}

.time-item, a.time, .available-time {
  background-color: #2A2A2A !important;
  color: #ffffff !important;
  border: 1px solid #3a3a3a !important;
}

.time-item:hover, .time-item.selected, .time-item.active, a.time:hover, a.time.selected {
  background-color: #FA6500 !important;
  color: #050505 !important;
}

/* Classic iframe widget surfaces */
.sb-widget, .widget, #sb_widget, .sb-container, .booking-widget {
  background-color: #050505 !important;
  color: #ffffff !important;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
}

#main-buttons, .main-image-block-pd {
  background-image: none !important;
  background-color: #050505 !important;
  min-height: 0 !important;
  height: auto !important;
}
a.btn.select, .btn.select, .btn.select.custom, .read-more {
  background-image: none !important;
  background-color: transparent !important;
  border: 1px solid #ffffff !important;
  color: #ffffff !important;
  border-radius: 8px !important;
}
a.btn.select:hover, .btn.select:hover, .read-more:hover {
  background-image: none !important;
  background-color: #FA6500 !important;
  border-color: #FA6500 !important;
  color: #050505 !important;
}

/* UX: hide map, white address text on #141414 cards, tighter header/banner/stepper */
a.btn.map,
.btn.map,
a[href*="show-on-map"],
.sb-map,
.sb-map-container,
.location-modal.sb-map-container,
iframe[src*="maps.google"],
iframe[src*="google.com/maps"],
iframe[src*="openstreetmap"],
iframe[src*="mapbox"],
.mapboxgl-map,
.mapboxgl-canvas {
  display: none !important;
}

.excerpt-info,
.excerpt-info .content,
.excerpt-info .content *,
.excerpt-info .address,
.excerpt-info .address a,
.excerpt-info .address b,
.location-item,
.location-item .address,
.location-item .address a,
.service-item .address,
.service-item .address a,
.provider-item .address,
.provider-item .address a,
.full-info .address,
.full-info .address a,
.membership-item,
.membership-item .excerpt-info,
.membership-item .excerpt-info p,
.membership-item .cap,
.membership-item .cap * {
  color: #ffffff !important;
}

#header .flex-header-row {
  padding-top: 2px !important;
  padding-bottom: 2px !important;
}
#header .logo img,
#header .brand img {
  max-height: 48px !important;
  width: auto !important;
  height: auto !important;
}
#header .flex-header-item.item-1,
#header .flex-header-item.item-5,
#header .flex-header-item.item-2 {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
  padding-top: 0 !important;
}

#main-buttons,
#main-buttons .wrapper,
#main-buttons .container-fluid,
.main-image-block-pd,
.main-image-block-pd .wrapper {
  min-height: 0 !important;
  height: auto !important;
  padding: 0 !important;
  margin: 0 !important;
}
#main-buttons .inner,
.main-image-block-pd .inner {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
#main-buttons .bar,
.main-image-block-pd .bar {
  padding-top: 4px !important;
  padding-bottom: 4px !important;
}

#steps-nav,
#steps-nav ul,
#steps-nav ul.clearfix {
  min-height: 0 !important;
}
#steps-nav .step_info_item {
  padding-top: 4px !important;
  padding-bottom: 6px !important;
}
#steps-nav .title-small {
  min-height: 0 !important;
  height: auto !important;
  padding-bottom: 0 !important;
}
#steps-nav .item.small-item-preview {
  display: none !important;
}

#booking-result-tabs {
  margin-top: 0 !important;
  padding-top: 0 !important;
}
.membership-filter--wrapper .filter,
#membership-filters {
  padding-top: 6px !important;
  padding-bottom: 6px !important;
}
.membership-filter--wrapper .title-main {
  padding-bottom: 2px !important;
}
/* Hide membership attached-items filter, note, and search */
#sb_membership_filter_container,
.membership-filter--wrapper,
#membership-filters,
#sb_filter_container,
.page--membership .filter--wrapper,
.page--membership .filter-list {
  display: none !important;
}
/* Membership plan names/titles */
.membership-item .cap,
.membership-item .cap *,
.membership-item .cap.short,
.page--membership .item.membership-item .cap,
.membership-card .cap,
.membership-card .title,
.plan-name,
.membership-name {
  color: #FA6500 !important;
}
/* Homepage: fill empty middle column with pitch card; hide Our location map */
.row.default > .col-md-6,
#about-us,
#about-us .section-pd,
#schedule,
#schedule .section-pd,
#contacts,
#contacts .section-pd {
  background-color: #141414 !important;
  color: #ffffff !important;
}
#about-us {
  min-height: 100% !important;
  height: 100% !important;
  border: 1px solid #2A2A2A !important;
  box-sizing: border-box !important;
}
#about-us .title-main {
  color: #FA6500 !important;
  background: transparent !important;
}
#about-us .txt,
#about-us .txt p,
#schedule,
#schedule .title-main,
#schedule .hour-line,
#contacts,
#contacts .title-main,
#contacts li,
#contacts a {
  color: #ffffff !important;
}
#about-us a.btn.book,
#about-us a.btn.select {
  display: inline-block !important;
  margin: 10px 10px 4px 0 !important;
}
section.map-view-module,
.map-view-module,
#sb_map,
#map-view {
  display: none !important;
}
/* Book location step: heading + orange location names */
#sb_location_step_container::before {
  content: "Select location";
  display: block;
  width: 100%;
  color: #ffffff !important;
  font-weight: 700;
  font-size: 28px;
  letter-spacing: 0.04em;
  margin: 12px 0 18px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.location-item .cap,
.location-item .cap.short,
.location-item .content .cap {
  color: #FA6500 !important;
}
/* Location step heading sits outside the masonry grid */
#sb_location_step_container::before { content: none !important; display: none !important; }
.wrap-steps-items-content:has(#sb_location_step_container)::before {
  content: "Select location";
  display: block;
  color: #ffffff !important;
  font-weight: 700;
  font-size: 28px;
  letter-spacing: 0.04em;
  margin: 4px 0 16px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
/* Service step titles/names */
.service-item .cap,
.service-item .cap.short,
.service-item .cap.full,
.service-item .content .cap,
.service-item .excerpt-info .content .cap,
.service-item .name,
.service-name {
  color: #FA6500 !important;
}

/* Client / details form step only: light panel, black text (not orange, not white) */
html body .client-sigin-or-sigup,
html body #client-login,
html body .wrap-client-info-view,
html body .client-info-view,
html body .detail-step-wrap {
  background-color: #ffffff !important;
  color: #111111 !important;
}
html body .client-sigin-or-sigup .title-main,
html body .client-sigin-or-sigup .sub-title,
html body .client-sigin-or-sigup .txt,
html body .client-sigin-or-sigup label,
html body .client-sigin-or-sigup .label,
html body .client-sigin-or-sigup .material-input label,
html body .client-sigin-or-sigup p,
html body .client-sigin-or-sigup h1,
html body .client-sigin-or-sigup h2,
html body .client-sigin-or-sigup h3,
html body .client-sigin-or-sigup h4,
html body .client-sigin-or-sigup a:not(.btn),
html body #client-login .title-main,
html body #client-login .sub-title,
html body #client-login .txt,
html body #client-login label,
html body #client-login .label,
html body #client-login .material-input label,
html body #client-login p,
html body #client-login h1,
html body #client-login h2,
html body #client-login h3,
html body #client-login h4,
html body #client-login a:not(.btn),
html body .wrap-client-info-view .title-main,
html body .wrap-client-info-view .sub-title,
html body .wrap-client-info-view .txt,
html body .wrap-client-info-view label,
html body .wrap-client-info-view .label,
html body .wrap-client-info-view .material-input label,
html body .wrap-client-info-view p,
html body .wrap-client-info-view h1,
html body .wrap-client-info-view h2,
html body .wrap-client-info-view h3,
html body .wrap-client-info-view h4,
html body .wrap-client-info-view a:not(.btn),
html body .client-info-view .title-main,
html body .client-info-view .sub-title,
html body .client-info-view .txt,
html body .client-info-view label,
html body .client-info-view .label,
html body .client-info-view .material-input label,
html body .client-info-view p,
html body .client-info-view h1,
html body .client-info-view h2,
html body .client-info-view h3,
html body .client-info-view h4,
html body .client-info-view a:not(.btn),
html body .detail-step-wrap .title-main,
html body .detail-step-wrap .sub-title,
html body .detail-step-wrap label,
html body .detail-step-wrap .label,
html body .detail-step-wrap .material-input label,
html body .detail-step-wrap p,
html body .detail-step-wrap h1,
html body .detail-step-wrap h2,
html body .detail-step-wrap h3,
html body .detail-step-wrap h4,
html body .detail-step-wrap a:not(.btn) {
  color: #111111 !important;
  -webkit-text-fill-color: #111111 !important;
}


/* Baseline Studios: green indicators for completed booking steps only */
#sb_content #sb-timeline #steps-nav .step_info_item.filled.passed::before,
#sb_content #sb-timeline #steps-nav .step_info_item.filled.passed::after,
#sb_content #sb-timeline #steps-nav .step_info_item.filled.passed .title-small::before,
#sb_content #sb-timeline #steps-nav .step_info_item.filled.passed .title-small::after {
  color: #22C55E !important;
  border-color: #22C55E !important;
  background-color: #22C55E !important;
}
#sb_content #sb-timeline #steps-nav .step_info_item.filled.passed .sb-inline-svg,
#sb_content #sb-timeline #steps-nav .step_info_item.filled.passed .sb-inline-svg path {
  color: #22C55E !important;
  fill: #22C55E !important;
  stroke: #22C55E !important;
}

/* Center the homepage Book Time/Memberships pair vertically in its middle panel */
#about-us > .col-sm-4.col-md-6 > .section-pd {
  min-height: 360px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
@media (max-width: 767px) {
  #about-us > .col-sm-4.col-md-6 > .section-pd {
    min-height: 260px;
  }
}


/* Override: completed steps use green checks, never a green connector line */
#sb_content #sb-timeline #steps-nav .step_info_item.filled.passed::before,
#sb_content #sb-timeline #steps-nav .step_info_item.filled.passed::after {
  content: none !important;
  display: none !important;
  background: none !important;
  border: 0 !important;
}
#sb_content #sb-timeline #steps-nav .step_info_item.filled.passed .title-small::after {
  content: "✓" !important;
  display: inline-block !important;
  color: #22C55E !important;
  background: transparent !important;
  border: 0 !important;
  margin-left: 6px !important;
  font-weight: 700 !important;
  opacity: 1 !important;
  visibility: visible !important;
}
#sb_content #sb-timeline #steps-nav .step_info_item.filled.passed .sb-inline-svg,
#sb_content #sb-timeline #steps-nav .step_info_item.filled.passed .sb-inline-svg path {
  color: inherit !important;
  fill: currentColor !important;
  stroke: currentColor !important;
}


/* Center homepage button labels in both axes */
#about-us a.btn.book,
#about-us a.btn.select {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  line-height: 1.2 !important;
}


/* Client account bookings list: readable dark text on light cards */
#booking-result-view,
#booking-result-view #booking-result-tabs,
#booking-result-view #booking-result-tabs .tabs-container,
#booking-result-view .booking-item,
#booking-result-view .booking-item .tab,
#booking-result-view .column .row > .section-pd {
  background-color: #ffffff !important;
  color: #111111 !important;
}
#booking-result-view .booking-item *,
#booking-result-view #booking-result-tabs *,
#booking-result-view .booking-item .title-main,
#booking-result-view .booking-item .title-sub,
#booking-result-view .booking-item .txt,
#booking-result-view .booking-item p,
#booking-result-view .booking-item label,
#booking-result-view .booking-item a:not(.btn) {
  color: #111111 !important;
  -webkit-text-fill-color: #111111 !important;
}
#booking-result-view #booking-result-tabs a:not(.btn) {
  color: #111111 !important;
}


/* Contrast audit: dark text on light public sections */
#membership-plugin .title-section,
#membership-plugin .title-section .main-title,
#membership-plugin .title-section * {
  color: #111111 !important;
  -webkit-text-fill-color: #111111 !important;
}
#sb_dateview_container .top-date-select,
#sb_dateview_container .top-date-select .header,
#sb_dateview_container .top-date-select .txt-center,
#sb_dateview_container .top-date-select .week-day,
#sb_dateview_container .top-date-select .day-on,
#sb_dateview_container .top-date-select .day-off,
#sb_timeview_container .container-caption,
#sb_timeview_container .time-legend {
  color: #111111 !important;
  -webkit-text-fill-color: #111111 !important;
}
#sb_dateview_container .day-on.active,
#sb_dateview_container .day-on.selected,
#sb_dateview_container .day-on.active *,
#sb_dateview_container .day-on.selected * {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}
#reviews-view,
#reviews-view #sb_reviews_add_container,
#reviews-view #sb_reviews_add_container .title-main,
#reviews-view #sb_reviews_add_container .title-sub,
#reviews-view #sb_reviews_add_container label,
#reviews-view #sb_reviews_add_container .txt,
#reviews-view #sb_reviews_add_container p {
  color: #111111 !important;
  -webkit-text-fill-color: #111111 !important;
}


/* Dark-theme popups/modals: prevent white-on-white and black-on-black */
html body .location-modal .modal-content,
html body .location-modal .modal-header,
html body .location-modal .modal-body,
html body .location-modal .modal-footer,
html body .service-modal .modal-content,
html body .service-modal .modal-header,
html body .service-modal .modal-body,
html body .service-modal .modal-footer {
  background-color: #141414 !important;
  color: #ffffff !important;
}
html body .location-modal .modal-content *,
html body .service-modal .modal-content * {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}
html body .location-modal .modal-content input,
html body .location-modal .modal-content textarea,
html body .service-modal .modal-content input,
html body .service-modal .modal-content textarea {
  background-color: #ffffff !important;
  color: #111111 !important;
  -webkit-text-fill-color: #111111 !important;
}




/* Safe service-group accents: direct card styling only; no hiding or pseudo-elements. */
.service-item:has(a[href*="/service/5/"]),
.service-item:has(a[href*="/service/13/"]),
.service-item:has(a[href*="/service/14/"]),
.service-item:has(a[href*="/service/15/"]),
.service-item:has(a[href*="/service/16/"]),
.service-item:has(a[href*="/service/2/"]) {
  background: #1b2630 !important;
  border: 1px solid #3f8fbf !important;
  border-left: 6px solid #3f8fbf !important;
  box-shadow: 0 0 0 1px rgba(63,143,191,.22) !important;
}

.service-item:has(a[href*="/service/9/"]),
.service-item:has(a[href*="/service/10/"]),
.service-item:has(a[href*="/service/11/"]),
.service-item:has(a[href*="/service/12/"]) {
  background: #292317 !important;
  border: 1px solid #d69b3d !important;
  border-left: 6px solid #d69b3d !important;
  box-shadow: 0 0 0 1px rgba(214,155,61,.22) !important;
}

.service-item:has(a[href*="/service/6/"]),
.service-item:has(a[href*="/service/7/"]) {
  background: #241d2d !important;
  border: 1px solid #a879c8 !important;
  border-left: 6px solid #a879c8 !important;
  box-shadow: 0 0 0 1px rgba(168,121,200,.22) !important;
}

/* Uniform service-card geometry; preserve normal flow and visibility. */
.service-item {
  box-sizing: border-box !important;
  height: 430px !important;
  min-height: 430px !important;
  width: 100% !important;
}

/* Strong narrow-screen group contrast; direct card properties only. */
.service-item:has(a[href*="/service/5/"]),
.service-item:has(a[href*="/service/13/"]),
.service-item:has(a[href*="/service/14/"]),
.service-item:has(a[href*="/service/15/"]),
.service-item:has(a[href*="/service/16/"]),
.service-item:has(a[href*="/service/2/"]) {
  background: #164d3a !important;
  border: 3px solid #61e6aa !important;
  border-left: 10px solid #61e6aa !important;
  box-shadow: 0 0 0 2px #0b2e22, 0 6px 0 #0b2e22 !important;
}
.service-item:has(a[href*="/service/5/"]) .cap.short,
.service-item:has(a[href*="/service/13/"]) .cap.short,
.service-item:has(a[href*="/service/14/"]) .cap.short,
.service-item:has(a[href*="/service/15/"]) .cap.short,
.service-item:has(a[href*="/service/16/"]) .cap.short,
.service-item:has(a[href*="/service/2/"]) .cap.short {
  font-size: 1.3rem !important;
  font-weight: 800 !important;
}
.service-item:has(a[href*="/service/9/"]),
.service-item:has(a[href*="/service/10/"]),
.service-item:has(a[href*="/service/11/"]),
.service-item:has(a[href*="/service/12/"]) {
  background: #12324a !important;
  border: 3px solid #5ec8ff !important;
  border-left: 10px solid #5ec8ff !important;
  box-shadow: 0 0 0 2px #081d2c, 0 6px 0 #081d2c !important;
}
.service-item:has(a[href*="/service/6/"]),
.service-item:has(a[href*="/service/7/"]) {
  background: #42225c !important;
  border: 3px solid #e7aaff !important;
  border-left: 10px solid #e7aaff !important;
  box-shadow: 0 0 0 2px #281238, 0 6px 0 #281238 !important;
}
@media (max-width: 600px) {
  .service-item { width: 100% !important; height: 430px !important; min-height: 430px !important; }
}

/* Read-more modal: light readable surface with dark description text. */
.modal .full-info,
.modal .full-info .modal-header,
.modal .full-info .tab-pd,
.modal .full-info .txt.full {
  background: #ffffff !important;
  color: #111111 !important;
}
.modal .full-info .modal-title,
.modal .full-info .txt.full,
.modal .full-info .txt.full *,
.modal .full-info .modal-header * {
  color: #111111 !important;
  -webkit-text-fill-color: #111111 !important;
}

/* Mobile-first service cards: stacked, compact, and unmistakably grouped. */
@media (max-width: 600px) {
  .wrap-steps-items-content .service-step.step-content.grid {
    height: auto !important;
    min-height: 0 !important;
  }
  .wrap-steps-items-content .service-step.step-content.grid .service-item {
    position: relative !important;
    left: auto !important;
    top: auto !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 0 14px !important;
    box-sizing: border-box !important;
  }
  .wrap-steps-items-content .service-step.step-content.grid .service-item .tab {
    height: auto !important;
    min-height: 0 !important;
  }
  .wrap-steps-items-content .service-step.step-content.grid .service-item .txt.short {
    max-height: 5.2em !important;
    overflow: hidden !important;
  }
  .wrap-steps-items-content .service-step.step-content.grid .service-item .cap.short {
    font-size: 1.05rem !important;
    line-height: 1.2 !important;
    letter-spacing: .02em !important;
  }
  .wrap-steps-items-content .service-step.step-content.grid .service-item:has(a[href*="/service/5/"]) .cap.short,
  .wrap-steps-items-content .service-step.step-content.grid .service-item:has(a[href*="/service/13/"]) .cap.short,
  .wrap-steps-items-content .service-step.step-content.grid .service-item:has(a[href*="/service/14/"]) .cap.short,
  .wrap-steps-items-content .service-step.step-content.grid .service-item:has(a[href*="/service/15/"]) .cap.short,
  .wrap-steps-items-content .service-step.step-content.grid .service-item:has(a[href*="/service/16/"]) .cap.short,
  .wrap-steps-items-content .service-step.step-content.grid .service-item:has(a[href*="/service/2/"]) .cap.short {
    color: #7dffb2 !important;
    font-size: 1.35rem !important;
    font-weight: 900 !important;
    text-transform: uppercase !important;
  }
  .wrap-steps-items-content .service-step.step-content.grid .service-item:has(a[href*="/service/9/"]),
  .wrap-steps-items-content .service-step.step-content.grid .service-item:has(a[href*="/service/10/"]),
  .wrap-steps-items-content .service-step.step-content.grid .service-item:has(a[href*="/service/11/"]),
  .wrap-steps-items-content .service-step.step-content.grid .service-item:has(a[href*="/service/12/"]) {
    background: #0b3b68 !important;
    border: 3px solid #58c7ff !important;
    border-left: 12px solid #58c7ff !important;
    box-shadow: 0 5px 0 #06243f !important;
  }
  .wrap-steps-items-content .service-step.step-content.grid .service-item:has(a[href*="/service/9/"]) .cap.short,
  .wrap-steps-items-content .service-step.step-content.grid .service-item:has(a[href*="/service/10/"]) .cap.short,
  .wrap-steps-items-content .service-step.step-content.grid .service-item:has(a[href*="/service/11/"]) .cap.short,
  .wrap-steps-items-content .service-step.step-content.grid .service-item:has(a[href*="/service/12/"]) .cap.short { color: #8ed8ff !important; font-weight: 900 !important; }
  .wrap-steps-items-content .service-step.step-content.grid .service-item:has(a[href*="/service/6/"]),
  .wrap-steps-items-content .service-step.step-content.grid .service-item:has(a[href*="/service/7/"]) {
    background: #51216c !important;
    border: 3px solid #f0a7ff !important;
    border-left: 12px solid #f0a7ff !important;
    box-shadow: 0 5px 0 #2d123d !important;
  }
  .wrap-steps-items-content .service-step.step-content.grid .service-item:has(a[href*="/service/6/"]) .cap.short,
  .wrap-steps-items-content .service-step.step-content.grid .service-item:has(a[href*="/service/7/"]) .cap.short { color: #f3c1ff !important; font-weight: 900 !important; }
}


/* Member-card contrast pass: orange titles and light details/icons on dark cards. */
.service-item:has(a[href*="/service/5/"]) .cap.short,
.service-item:has(a[href*="/service/13/"]) .cap.short,
.service-item:has(a[href*="/service/14/"]) .cap.short,
.service-item:has(a[href*="/service/15/"]) .cap.short,
.service-item:has(a[href*="/service/16/"]) .cap.short,
.service-item:has(a[href*="/service/2/"]) .cap.short {
  color: #ff7a00 !important;
  -webkit-text-fill-color: #ff7a00 !important;
  font-weight: 900 !important;
}
.service-item:has(a[href*="/service/5/"]) .txt.short,
.service-item:has(a[href*="/service/13/"]) .txt.short,
.service-item:has(a[href*="/service/14/"]) .txt.short,
.service-item:has(a[href*="/service/15/"]) .txt.short,
.service-item:has(a[href*="/service/16/"]) .txt.short,
.service-item:has(a[href*="/service/2/"]) .txt.short,
.service-item:has(a[href*="/service/5/"]) .bar-service_item-content,
.service-item:has(a[href*="/service/13/"]) .bar-service_item-content,
.service-item:has(a[href*="/service/14/"]) .bar-service_item-content,
.service-item:has(a[href*="/service/15/"]) .bar-service_item-content,
.service-item:has(a[href*="/service/16/"]) .bar-service_item-content,
.service-item:has(a[href*="/service/2/"]) .bar-service_item-content {
  color: #f5fff9 !important;
  -webkit-text-fill-color: #f5fff9 !important;
}
.service-item:has(a[href*="/service/5/"]) .ico,
.service-item:has(a[href*="/service/13/"]) .ico,
.service-item:has(a[href*="/service/14/"]) .ico,
.service-item:has(a[href*="/service/15/"]) .ico,
.service-item:has(a[href*="/service/16/"]) .ico,
.service-item:has(a[href*="/service/2/"]) .ico,
.service-item:has(a[href*="/service/5/"]) .bar-service_item,
.service-item:has(a[href*="/service/13/"]) .bar-service_item,
.service-item:has(a[href*="/service/14/"]) .bar-service_item,
.service-item:has(a[href*="/service/15/"]) .bar-service_item,
.service-item:has(a[href*="/service/16/"]) .bar-service_item,
.service-item:has(a[href*="/service/2/"]) .bar-service_item {
  color: #f5fff9 !important;
  fill: #f5fff9 !important;
}
.service-item:has(a[href*="/service/5/"]) .service-bar,
.service-item:has(a[href*="/service/13/"]) .service-bar,
.service-item:has(a[href*="/service/14/"]) .service-bar,
.service-item:has(a[href*="/service/15/"]) .service-bar,
.service-item:has(a[href*="/service/16/"]) .service-bar,
.service-item:has(a[href*="/service/2/"]) .service-bar,
.service-item:has(a[href*="/service/5/"]) .service-bar__text a,
.service-item:has(a[href*="/service/13/"]) .service-bar__text a,
.service-item:has(a[href*="/service/14/"]) .service-bar__text a,
.service-item:has(a[href*="/service/15/"]) .service-bar__text a,
.service-item:has(a[href*="/service/16/"]) .service-bar__text a,
.service-item:has(a[href*="/service/2/"]) .service-bar__text a {
  color: #f5fff9 !important;
  -webkit-text-fill-color: #f5fff9 !important;
}
.service-item:has(a[href*="/service/5/"]) .read-more,
.service-item:has(a[href*="/service/13/"]) .read-more,
.service-item:has(a[href*="/service/14/"]) .read-more,
.service-item:has(a[href*="/service/15/"]) .read-more,
.service-item:has(a[href*="/service/16/"]) .read-more,
.service-item:has(a[href*="/service/2/"]) .read-more,
.service-item:has(a[href*="/service/5/"]) .read-more *,
.service-item:has(a[href*="/service/13/"]) .read-more *,
.service-item:has(a[href*="/service/14/"]) .read-more *,
.service-item:has(a[href*="/service/15/"]) .read-more *,
.service-item:has(a[href*="/service/16/"]) .read-more *,
.service-item:has(a[href*="/service/2/"]) .read-more * {
  color: #f5fff9 !important;
  -webkit-text-fill-color: #f5fff9 !important;
}
.service-item:has(a[href*="/service/5/"]) .btn.select,
.service-item:has(a[href*="/service/13/"]) .btn.select,
.service-item:has(a[href*="/service/14/"]) .btn.select,
.service-item:has(a[href*="/service/15/"]) .btn.select,
.service-item:has(a[href*="/service/16/"]) .btn.select,
.service-item:has(a[href*="/service/2/"]) .btn.select {
  background: #f5fff9 !important;
  border-color: #f5fff9 !important;
  color: #111111 !important;
  -webkit-text-fill-color: #111111 !important;
}

/* Member-last visual order fallback. */
.service-step.step-content.grid { display: flex !important; flex-direction: column !important; height: auto !important; min-height: 0 !important; }
.service-step.step-content.grid .grid-sizer { flex: 0 0 0 !important; width: 0 !important; height: 0 !important; }
.service-step.step-content.grid .service-item { position: relative !important; left: auto !important; top: auto !important; width: 100% !important; height: auto !important; min-height: 0 !important; order: 50 !important; }
.service-step.step-content.grid .service-item:has(a[href*="/service/9/"]) { order: 1 !important; }
.service-step.step-content.grid .service-item:has(a[href*="/service/10/"]) { order: 2 !important; }
.service-step.step-content.grid .service-item:has(a[href*="/service/11/"]) { order: 3 !important; }
.service-step.step-content.grid .service-item:has(a[href*="/service/12/"]) { order: 4 !important; }
.service-step.step-content.grid .service-item:has(a[href*="/service/6/"]) { order: 5 !important; }
.service-step.step-content.grid .service-item:has(a[href*="/service/7/"]) { order: 6 !important; }
.service-step.step-content.grid .service-item:has(a[href*="/service/5/"]) { order: 20 !important; }
.service-step.step-content.grid .service-item:has(a[href*="/service/13/"]) { order: 21 !important; }
.service-step.step-content.grid .service-item:has(a[href*="/service/14/"]) { order: 22 !important; }
.service-step.step-content.grid .service-item:has(a[href*="/service/15/"]) { order: 23 !important; }
.service-step.step-content.grid .service-item:has(a[href*="/service/16/"]) { order: 24 !important; }
.service-step.step-content.grid .service-item:has(a[href*="/service/2/"]) { order: 25 !important; }

/* Hour-card titles: larger, readable on all service cards */
.service-item .cap.short { font-size: 22px !important; }

/* Logged-in client avatar only: header control, never service cards */
#header .login-container > .avatar:has(> .logged-in), #header .login-container > .avatar.logged-in { background-color: #f5f5f5 !important; color: #141414 !important; }
#header .login-container > .avatar:has(> .logged-in) > .logged-in, #header .login-container > .avatar.logged-in > .logged-in, #header .login-container > .avatar:has(> .logged-in) > .logged-in *, #header .login-container > .avatar.logged-in > .logged-in * { color: #141414 !important; -webkit-text-fill-color: #141414 !important; fill: #141414 !important; }

/* Restore hour-card surfaces: cream public, lavender long blocks, dark member cards */
.service-item:has(a[href*="/service/9/"]), .service-item:has(a[href*="/service/10/"]), .service-item:has(a[href*="/service/11/"]), .service-item:has(a[href*="/service/12/"]) { background: #fff8e7 !important; color: #141414 !important; }
.service-item:has(a[href*="/service/6/"]), .service-item:has(a[href*="/service/7/"]) { background: #f0e7ff !important; color: #141414 !important; }
.service-item:has(a[href*="/service/5/"]), .service-item:has(a[href*="/service/13/"]), .service-item:has(a[href*="/service/14/"]), .service-item:has(a[href*="/service/15/"]), .service-item:has(a[href*="/service/16/"]), .service-item:has(a[href*="/service/2/"]) { background: #141414 !important; }

/* Restore card surfaces at mobile/card-grid specificity */
.wrap-steps-items-content .service-step.step-content.grid .service-item:has(a[href*="/service/9/"]), .wrap-steps-items-content .service-step.step-content.grid .service-item:has(a[href*="/service/10/"]), .wrap-steps-items-content .service-step.step-content.grid .service-item:has(a[href*="/service/11/"]), .wrap-steps-items-content .service-step.step-content.grid .service-item:has(a[href*="/service/12/"]) { background: #fff8e7 !important; color: #141414 !important; }
.wrap-steps-items-content .service-step.step-content.grid .service-item:has(a[href*="/service/6/"]), .wrap-steps-items-content .service-step.step-content.grid .service-item:has(a[href*="/service/7/"]) { background: #f0e7ff !important; color: #141414 !important; }
.wrap-steps-items-content .service-step.step-content.grid .service-item:has(a[href*="/service/5/"]), .wrap-steps-items-content .service-step.step-content.grid .service-item:has(a[href*="/service/13/"]), .wrap-steps-items-content .service-step.step-content.grid .service-item:has(a[href*="/service/14/"]), .wrap-steps-items-content .service-step.step-content.grid .service-item:has(a[href*="/service/15/"]), .wrap-steps-items-content .service-step.step-content.grid .service-item:has(a[href*="/service/16/"]), .wrap-steps-items-content .service-step.step-content.grid .service-item:has(a[href*="/service/2/"]) { background: #141414 !important; }

/* Restore visible card surfaces inside each service card */
.service-item:has(a[href*="/service/9/"]) .tab, .service-item:has(a[href*="/service/10/"]) .tab, .service-item:has(a[href*="/service/11/"]) .tab, .service-item:has(a[href*="/service/12/"]) .tab, .service-item:has(a[href*="/service/9/"]) .excerpt-info, .service-item:has(a[href*="/service/10/"]) .excerpt-info, .service-item:has(a[href*="/service/11/"]) .excerpt-info, .service-item:has(a[href*="/service/12/"]) .excerpt-info { background: #fff8e7 !important; }
.service-item:has(a[href*="/service/6/"]) .tab, .service-item:has(a[href*="/service/7/"]) .tab, .service-item:has(a[href*="/service/6/"]) .excerpt-info, .service-item:has(a[href*="/service/7/"]) .excerpt-info { background: #f0e7ff !important; }
.service-item:has(a[href*="/service/5/"]) .tab, .service-item:has(a[href*="/service/13/"]) .tab, .service-item:has(a[href*="/service/14/"]) .tab, .service-item:has(a[href*="/service/15/"]) .tab, .service-item:has(a[href*="/service/16/"]) .tab, .service-item:has(a[href*="/service/2/"]) .tab, .service-item:has(a[href*="/service/5/"]) .excerpt-info, .service-item:has(a[href*="/service/13/"]) .excerpt-info, .service-item:has(a[href*="/service/14/"]) .excerpt-info, .service-item:has(a[href*="/service/15/"]) .excerpt-info, .service-item:has(a[href*="/service/16/"]) .excerpt-info, .service-item:has(a[href*="/service/2/"]) .excerpt-info { background: #141414 !important; }

/* Selected calendar day: orange circle, dark number. Number is .date.selected .day-on, not .day-on.selected. */
#sb_dateview_container .calendar .weeks-date .date.selected,
#sb_dateview_container .calendar .weeks-date .date.selected .day-on,
#sb_dateview_container .top-date-select .calendar .weeks-date .date.selected .day-on {
  background-color: #FA6500 !important;
  color: #111111 !important;
  -webkit-text-fill-color: #111111 !important;
  border-radius: 50% !important;
}

/* Unfinished-order popup: dark text on the white card */
.invoice-notification,
.invoice-notification--content,
.invoice-notification--content-body,
.invoice-notification .title--h5,
.invoice-notification .p,
.invoice-notification--content * {
  color: #111111 !important;
  -webkit-text-fill-color: #111111 !important;
}
.invoice-notification--content {
  background: #ffffff !important;
}

/* Final card look: cream public, lavender half/full, dark member, orange member titles. Overrides earlier neon borders and fixed heights. */
.service-item,
.wrap-steps-items-content .service-step.step-content.grid .service-item {
  height: auto !important;
  min-height: 0 !important;
}
.service-item:has(a[href*="/service/9/"]),
.service-item:has(a[href*="/service/10/"]),
.service-item:has(a[href*="/service/11/"]),
.service-item:has(a[href*="/service/12/"]),
.wrap-steps-items-content .service-step.step-content.grid .service-item:has(a[href*="/service/9/"]),
.wrap-steps-items-content .service-step.step-content.grid .service-item:has(a[href*="/service/10/"]),
.wrap-steps-items-content .service-step.step-content.grid .service-item:has(a[href*="/service/11/"]),
.wrap-steps-items-content .service-step.step-content.grid .service-item:has(a[href*="/service/12/"]),
.service-item:has(a[href*="/service/9/"]) .tab,
.service-item:has(a[href*="/service/10/"]) .tab,
.service-item:has(a[href*="/service/11/"]) .tab,
.service-item:has(a[href*="/service/12/"]) .tab,
.service-item:has(a[href*="/service/9/"]) .excerpt-info,
.service-item:has(a[href*="/service/10/"]) .excerpt-info,
.service-item:has(a[href*="/service/11/"]) .excerpt-info,
.service-item:has(a[href*="/service/12/"]) .excerpt-info {
  background: #fff8e7 !important;
  color: #141414 !important;
  border: 1px solid #e6d7b8 !important;
  box-shadow: none !important;
}
.service-item:has(a[href*="/service/9/"]) .cap.short,
.service-item:has(a[href*="/service/10/"]) .cap.short,
.service-item:has(a[href*="/service/11/"]) .cap.short,
.service-item:has(a[href*="/service/12/"]) .cap.short,
.wrap-steps-items-content .service-step.step-content.grid .service-item:has(a[href*="/service/9/"]) .cap.short,
.wrap-steps-items-content .service-step.step-content.grid .service-item:has(a[href*="/service/10/"]) .cap.short,
.wrap-steps-items-content .service-step.step-content.grid .service-item:has(a[href*="/service/11/"]) .cap.short,
.wrap-steps-items-content .service-step.step-content.grid .service-item:has(a[href*="/service/12/"]) .cap.short {
  color: #141414 !important;
  -webkit-text-fill-color: #141414 !important;
  text-transform: none !important;
  font-size: 22px !important;
}
.service-item:has(a[href*="/service/6/"]),
.service-item:has(a[href*="/service/7/"]),
.wrap-steps-items-content .service-step.step-content.grid .service-item:has(a[href*="/service/6/"]),
.wrap-steps-items-content .service-step.step-content.grid .service-item:has(a[href*="/service/7/"]),
.service-item:has(a[href*="/service/6/"]) .tab,
.service-item:has(a[href*="/service/7/"]) .tab,
.service-item:has(a[href*="/service/6/"]) .excerpt-info,
.service-item:has(a[href*="/service/7/"]) .excerpt-info {
  background: #f0e7ff !important;
  color: #141414 !important;
  border: 1px solid #ddd0f0 !important;
  box-shadow: none !important;
}
.service-item:has(a[href*="/service/6/"]) .cap.short,
.service-item:has(a[href*="/service/7/"]) .cap.short,
.wrap-steps-items-content .service-step.step-content.grid .service-item:has(a[href*="/service/6/"]) .cap.short,
.wrap-steps-items-content .service-step.step-content.grid .service-item:has(a[href*="/service/7/"]) .cap.short {
  color: #141414 !important;
  -webkit-text-fill-color: #141414 !important;
  text-transform: none !important;
  font-size: 22px !important;
}
.service-item:has(a[href*="/service/5/"]),
.service-item:has(a[href*="/service/13/"]),
.service-item:has(a[href*="/service/14/"]),
.service-item:has(a[href*="/service/15/"]),
.service-item:has(a[href*="/service/16/"]),
.service-item:has(a[href*="/service/2/"]),
.wrap-steps-items-content .service-step.step-content.grid .service-item:has(a[href*="/service/5/"]),
.wrap-steps-items-content .service-step.step-content.grid .service-item:has(a[href*="/service/13/"]),
.wrap-steps-items-content .service-step.step-content.grid .service-item:has(a[href*="/service/14/"]),
.wrap-steps-items-content .service-step.step-content.grid .service-item:has(a[href*="/service/15/"]),
.wrap-steps-items-content .service-step.step-content.grid .service-item:has(a[href*="/service/16/"]),
.wrap-steps-items-content .service-step.step-content.grid .service-item:has(a[href*="/service/2/"]),
.service-item:has(a[href*="/service/5/"]) .tab,
.service-item:has(a[href*="/service/13/"]) .tab,
.service-item:has(a[href*="/service/14/"]) .tab,
.service-item:has(a[href*="/service/15/"]) .tab,
.service-item:has(a[href*="/service/16/"]) .tab,
.service-item:has(a[href*="/service/2/"]) .tab,
.service-item:has(a[href*="/service/5/"]) .excerpt-info,
.service-item:has(a[href*="/service/13/"]) .excerpt-info,
.service-item:has(a[href*="/service/14/"]) .excerpt-info,
.service-item:has(a[href*="/service/15/"]) .excerpt-info,
.service-item:has(a[href*="/service/16/"]) .excerpt-info,
.service-item:has(a[href*="/service/2/"]) .excerpt-info {
  background: #141414 !important;
  color: #f5fff9 !important;
  border: 1px solid #333333 !important;
  box-shadow: none !important;
}
.service-item:has(a[href*="/service/5/"]) .cap.short,
.service-item:has(a[href*="/service/13/"]) .cap.short,
.service-item:has(a[href*="/service/14/"]) .cap.short,
.service-item:has(a[href*="/service/15/"]) .cap.short,
.service-item:has(a[href*="/service/16/"]) .cap.short,
.service-item:has(a[href*="/service/2/"]) .cap.short,
.wrap-steps-items-content .service-step.step-content.grid .service-item:has(a[href*="/service/5/"]) .cap.short,
.wrap-steps-items-content .service-step.step-content.grid .service-item:has(a[href*="/service/13/"]) .cap.short,
.wrap-steps-items-content .service-step.step-content.grid .service-item:has(a[href*="/service/14/"]) .cap.short,
.wrap-steps-items-content .service-step.step-content.grid .service-item:has(a[href*="/service/15/"]) .cap.short,
.wrap-steps-items-content .service-step.step-content.grid .service-item:has(a[href*="/service/16/"]) .cap.short,
.wrap-steps-items-content .service-step.step-content.grid .service-item:has(a[href*="/service/2/"]) .cap.short {
  color: #ff7a00 !important;
  -webkit-text-fill-color: #ff7a00 !important;
  text-transform: none !important;
  font-size: 22px !important;
  font-weight: 900 !important;
}

/* Final contrast pass: profile, calendar, notices. Last block wins. */
#header .login-container .avatar,
#header .login-container > .avatar,
#header .login-container .avatar.logged-in,
#header .login-container .avatar:has(.logged-in),
#header .user-avatar,
#header .client-avatar {
  background: #ffffff !important;
  background-color: #ffffff !important;
  color: #141414 !important;
  border: 2px solid #FA6500 !important;
  border-radius: 50% !important;
}
#header .login-container .avatar *,
#header .login-container .avatar svg,
#header .login-container .avatar .logged-in,
#header .login-container .avatar .logged-in * {
  color: #141414 !important;
  fill: #141414 !important;
  -webkit-text-fill-color: #141414 !important;
}
#sb_dateview_container .calendar .weeks-date .date.selected,
#sb_dateview_container .calendar .weeks-date .date.selected .day-on {
  background-color: #FA6500 !important;
  color: #111111 !important;
  -webkit-text-fill-color: #111111 !important;
  border-radius: 50% !important;
}
.invoice-notification,
.invoice-notification--content,
.invoice-notification--content * {
  background: #ffffff !important;
  color: #111111 !important;
  -webkit-text-fill-color: #111111 !important;
}

/* Card text must be dark on cream and lavender cards. */
.service-item:has(a[href*="/service/9/"]) .txt,
.service-item:has(a[href*="/service/10/"]) .txt,
.service-item:has(a[href*="/service/11/"]) .txt,
.service-item:has(a[href*="/service/12/"]) .txt,
.service-item:has(a[href*="/service/6/"]) .txt,
.service-item:has(a[href*="/service/7/"]) .txt,
.service-item:has(a[href*="/service/9/"]) .txt.short,
.service-item:has(a[href*="/service/10/"]) .txt.short,
.service-item:has(a[href*="/service/11/"]) .txt.short,
.service-item:has(a[href*="/service/12/"]) .txt.short,
.service-item:has(a[href*="/service/6/"]) .txt.short,
.service-item:has(a[href*="/service/7/"]) .txt.short,
.service-item:has(a[href*="/service/9/"]) .bar-service_item-content,
.service-item:has(a[href*="/service/10/"]) .bar-service_item-content,
.service-item:has(a[href*="/service/11/"]) .bar-service_item-content,
.service-item:has(a[href*="/service/12/"]) .bar-service_item-content,
.service-item:has(a[href*="/service/6/"]) .bar-service_item-content,
.service-item:has(a[href*="/service/7/"]) .bar-service_item-content,
.service-item:has(a[href*="/service/9/"]) .read-more,
.service-item:has(a[href*="/service/10/"]) .read-more,
.service-item:has(a[href*="/service/11/"]) .read-more,
.service-item:has(a[href*="/service/12/"]) .read-more,
.service-item:has(a[href*="/service/6/"]) .read-more,
.service-item:has(a[href*="/service/7/"]) .read-more,
.service-item:has(a[href*="/service/9/"]) .service-bar,
.service-item:has(a[href*="/service/10/"]) .service-bar,
.service-item:has(a[href*="/service/11/"]) .service-bar,
.service-item:has(a[href*="/service/12/"]) .service-bar,
.service-item:has(a[href*="/service/6/"]) .service-bar,
.service-item:has(a[href*="/service/7/"]) .service-bar,
.service-item:has(a[href*="/service/9/"]) .service-bar__text,
.service-item:has(a[href*="/service/10/"]) .service-bar__text,
.service-item:has(a[href*="/service/11/"]) .service-bar__text,
.service-item:has(a[href*="/service/12/"]) .service-bar__text,
.service-item:has(a[href*="/service/6/"]) .service-bar__text,
.service-item:has(a[href*="/service/7/"]) .service-bar__text,
.service-item:has(a[href*="/service/9/"]) .service-bar__text a,
.service-item:has(a[href*="/service/10/"]) .service-bar__text a,
.service-item:has(a[href*="/service/11/"]) .service-bar__text a,
.service-item:has(a[href*="/service/12/"]) .service-bar__text a,
.service-item:has(a[href*="/service/6/"]) .service-bar__text a,
.service-item:has(a[href*="/service/7/"]) .service-bar__text a {
  color: #141414 !important;
  -webkit-text-fill-color: #141414 !important;
}

/* Profile area: dark text and readable buttons */
#client-profile, #client-profile *,
.client-profile, .client-profile *,
#profile, #profile *,
.profile-page, .profile-page *,
#sb_client_profile, #sb_client_profile *,
.user-profile, .user-profile *,
#header .client-menu, #header .client-menu *,
.dropdown-menu, .dropdown-menu * {
  color: #141414 !important;
  -webkit-text-fill-color: #141414 !important;
}
#client-profile .btn, .client-profile .btn,
#profile .btn, .profile-page .btn,
#sb_client_profile .btn, .user-profile .btn,
#header .client-menu .btn, .dropdown-menu .btn,
#client-profile button, .client-profile button,
#profile button, .profile-page button {
  background: #FA6500 !important;
  color: #111111 !important;
  -webkit-text-fill-color: #111111 !important;
  border-color: #FA6500 !important;
}

/* Card buttons: dark label on a light button for public and half/full cards; light label on dark member cards. */
.service-item .btn,
.service-item .btn.select,
.service-item .btn.select *,
.service-item:has(a[href*="/service/9/"]) .btn,
.service-item:has(a[href*="/service/10/"]) .btn,
.service-item:has(a[href*="/service/11/"]) .btn,
.service-item:has(a[href*="/service/12/"]) .btn,
.service-item:has(a[href*="/service/6/"]) .btn,
.service-item:has(a[href*="/service/7/"]) .btn,
.service-item:has(a[href*="/service/9/"]) .btn.select,
.service-item:has(a[href*="/service/10/"]) .btn.select,
.service-item:has(a[href*="/service/11/"]) .btn.select,
.service-item:has(a[href*="/service/12/"]) .btn.select,
.service-item:has(a[href*="/service/6/"]) .btn.select,
.service-item:has(a[href*="/service/7/"]) .btn.select {
  background: #ffffff !important;
  color: #111111 !important;
  -webkit-text-fill-color: #111111 !important;
  border: 1px solid #111111 !important;
}
.service-item:has(a[href*="/service/5/"]) .btn,
.service-item:has(a[href*="/service/13/"]) .btn,
.service-item:has(a[href*="/service/14/"]) .btn,
.service-item:has(a[href*="/service/15/"]) .btn,
.service-item:has(a[href*="/service/16/"]) .btn,
.service-item:has(a[href*="/service/2/"]) .btn,
.service-item:has(a[href*="/service/5/"]) .btn.select,
.service-item:has(a[href*="/service/13/"]) .btn.select,
.service-item:has(a[href*="/service/14/"]) .btn.select,
.service-item:has(a[href*="/service/15/"]) .btn.select,
.service-item:has(a[href*="/service/16/"]) .btn.select,
.service-item:has(a[href*="/service/2/"]) .btn.select {
  background: #ffffff !important;
  color: #111111 !important;
  -webkit-text-fill-color: #111111 !important;
  border: 1px solid #ffffff !important;
}

/* Profile avatar: white circle, dark icon, orange ring. Overrides the black silhouette. */
.avatar, .login-container .avatar, #header .avatar, .client-photo, .user-photo, .profile-photo, .sb-avatar {
  background: #ffffff !important;
  background-color: #ffffff !important;
  color: #141414 !important;
  border: 3px solid #FA6500 !important;
}
.avatar svg, .avatar img, .login-container .avatar svg, .login-container .avatar path, .avatar .icon, .avatar i {
  color: #141414 !important;
  fill: #141414 !important;
  background: transparent !important;
}

/* Membership-required label only: target the actual link, not card descriptions. */
.service-item .service-bar__text a.popup-hide,
.service-item .service-bar__text a[href^="#membership/services/"] {
  color: #ff7a00 !important;
  -webkit-text-fill-color: #ff7a00 !important;
}

#header #sb_client_info .login-container .avatar,
#header #sb_client_info .avatar,
.login-bar .avatar {
  background: #ffffff !important;
  background-color: #ffffff !important;
  border: 3px solid #FA6500 !important;
  border-radius: 50% !important;
}
#header #sb_client_info .avatar .item-container__icon,
#header #sb_client_info .avatar svg,
#header #sb_client_info .avatar path {
  color: #141414 !important;
  fill: #141414 !important;
  background: #ffffff !important;
}

/* Profile card and its buttons: visible labels */
#sb_client_info .login-container,
#sb_client_info .login-container *,
.client-info, .client-info *,
.login-bar, .login-bar * {
  color: #141414 !important;
  -webkit-text-fill-color: #141414 !important;
}
#sb_client_info .btn, #sb_client_info button,
.login-container .btn, .login-bar .btn,
.login-container button, .login-bar button {
  background: #FA6500 !important;
  color: #111111 !important;
  -webkit-text-fill-color: #111111 !important;
}
#header #sb_client_info .login-container .avatar,
#header #sb_client_info .avatar,
.login-bar .avatar {
  background: #ffffff !important;
  background-color: #ffffff !important;
  border: 3px solid #FA6500 !important;
  border-radius: 50% !important;
}
#header #sb_client_info .avatar .item-container__icon,
#header #sb_client_info .avatar svg,
#header #sb_client_info .avatar path {
  color: #141414 !important;
  fill: #141414 !important;
}

/* Client profile modal: show the hidden text and buttons */
#client-profile-preview, #client-profile-preview .modal-body, #client-profile-edit, #client-profile-edit .modal-body {
  background: #ffffff !important;
  color: #141414 !important;
}
#client-profile-preview *, #client-profile-edit * {
  color: #141414 !important;
  -webkit-text-fill-color: #141414 !important;
}
#client-profile-preview .btn, #client-profile-preview button,
#client-profile-edit .btn, #client-profile-edit button {
  background: #FA6500 !important;
  color: #111111 !important;
  -webkit-text-fill-color: #111111 !important;
}
#client-profile-preview .avatar, #client-profile-edit .avatar {
  background: #ffffff !important;
  border: 3px solid #FA6500 !important;
}

/* Social login icons: dark glyphs in white circles with orange borders */
.fb, .gl,
.sb-social, .social-login, .btn-google, .btn-facebook, .login-google, .login-facebook, a[class*="google"], a[class*="facebook"], .fa-google, .fa-facebook, .fa-facebook-f {
  background: #ffffff !important;
  color: #141414 !important;
  fill: #141414 !important;
  border: 2px solid #FA6500 !important;
  border-radius: 50% !important;
}
.fb *, .gl *, .fb svg, .gl svg, .fb path, .gl path {
  color: #141414 !important;
  fill: #141414 !important;
  -webkit-text-fill-color: #141414 !important;
}

/* Invoice list and pay page: dark text on white */
#sb_invoice_list_container, #sb_invoice_list_container *,
.invoice-table, .invoice-table *,
#invoice-list, #invoice-list *,
.invoice-list, .invoice-list *,
#sb_invoice_payment_methods_container, #sb_invoice_payment_methods_container *,
#sb_invoice_payment_data_container, #sb_invoice_payment_data_container *,
#sb_invoice_promotion_container, #sb_invoice_promotion_container * {
  color: #141414 !important;
  -webkit-text-fill-color: #141414 !important;
}
#sb_invoice_list_container, .invoice-table, #invoice-list, .invoice-list {
  background: #ffffff !important;
}

/* Invoice text black */
#sb_invoice_list_container, #sb_invoice_list_container *,
.invoice-table, .invoice-table *,
#invoice-list, #invoice-list *,
.invoice-list, .invoice-list *,
#sb_invoice_payment_methods_container, #sb_invoice_payment_methods_container *,
#sb_invoice_payment_data_container, #sb_invoice_payment_data_container *,
#sb_invoice_promotion_container, #sb_invoice_promotion_container * {
  color: #000000 !important;
  -webkit-text-fill-color: #000000 !important;
}

/* Mobile menu button: visible bars */
.menu-toggle, .nav-toggle, .hamburger, .navbar-toggle, .sb-hamburger, button.menu, .header-menu {
  color: #ffffff !important;
  background: transparent !important;
}
.menu-toggle span, .hamburger span, .nav-toggle span, .navbar-toggle span, .menu-toggle .bar, .hamburger .bar {
  background: #ffffff !important;
  background-color: #ffffff !important;
}

/* Real mobile menu toggle: three visible bars */
.nav-trigger {
  color: #ffffff !important;
  background: transparent !important;
}
.nav-trigger span {
  background: #ffffff !important;
  background-color: #ffffff !important;
}

/* Membership options heading: dark text on the light membership section */
#membership-plugin .title-section .main-title {
  color: #141414 !important;
  -webkit-text-fill-color: #141414 !important;
}

@media (max-width: 767px) {
  #membership-plugin .title-section,
  #membership-plugin .title-section .main-title,
  #membership-plugin .title-section * {
    color: #141414 !important;
    -webkit-text-fill-color: #141414 !important;
    opacity: 1 !important;
  }
}/* Phone membership title sits on black, so use white text */
@media (max-width: 767px) {
  #membership-plugin .title-section .main-title {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
  }
}/* Phone: keep the Google reviews chip in the corner so it does not cover Book Time or prices */
@media (max-width: 767px) {
  #sb_google_reviews_module > .google-reviews {
    position: fixed !important;
    left: auto !important;
    right: 8px !important;
    bottom: 8px !important;
    top: auto !important;
    width: 170px !important;
    max-width: 46vw !important;
    z-index: 20 !important;
  }
  .recurring-block {
    color: #ff7a00 !important;
    -webkit-text-fill-color: #ff7a00 !important;
  }
}

/* Phone: reviews chip stays in the page flow so it cannot cover buttons */
@media (max-width: 767px) {
  #sb_google_reviews_module > .google-reviews {
    position: static !important;
    width: auto !important;
    max-width: 100% !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    bottom: auto !important;
    z-index: auto !important;
  }
}