/*
CTC Separate Stylesheet
Updated: 2023-08-17 16:00:34

CWE Background Gradient
First rgba(204, 143, 142, 0.2)
Second rgba(211, 155, 154, 0.5019607843137255)

*/

/** Global styles **/
h1, h2, h3, h4, h5, h6, body p {
	color:#444444;
}
p {
	font-weight:400!important;
}


/** Logo **/
.elementor-23 .elementor-element.elementor-element-dd4d43d {
	*margin-top:-10px!important;
}
.elementor-23 .elementor-element.elementor-element-4c8c8765 img {
	width:80px!important;
	height:80px!important;
}

.elementor-64 .elementor-element.elementor-element-7b475882 .elementor-heading-title {
	font-size: 12vw!important;
    line-height: 15vw!important;
    letter-spacing: unset!important;
    word-spacing:0px!important;
    padding-left:30px;
    color:rgba(255,255,255,0.1)!important;
}

/* ================================================
   CWE Falkirk - Booking Page Complete CSS Fix
   Covers: CSS Audit (6 issues) + Colour scheme
   ================================================ */

/* --- FIX 1: Radio button - accessible hide instead of -9999px --- */
.sln-radiobox input[type="radio"] {
  opacity: 0 !important;
  position: absolute !important;
  pointer-events: none !important;
  margin: 0 !important;
}
.sln-radiobox {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

/* --- FIX 2: Consistent label padding --- */
.sln-list__item__content {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  padding: 18px !important;
  min-height: 80px !important;
  transition: background-color 0.3s ease !important;
}
.sln-list__item__content:hover {
  background-color: #f0e9e2 !important;
}

/* --- FIX 3: Form container max-width + responsive --- */
.sln-shortcode {
  max-width: 1120px !important;
  width: 100% !important;
  margin: 0 auto !important;
}

/* --- FIX 4: Button - wrapper div --- */
.sln-btn.sln-btn--emphasis.sln-btn--medium.sln-btn--fullwidth.sln-btn--nextstep {
  background-color: #444444 !important;
  border-radius: 4px !important;
  overflow: hidden !important;
  padding: 0 !important;
  display: block !important;
  width: 100% !important;
  border: none !important;
  min-height: 48px !important;
}

/* FIX 4: Button - inner <button> element */
.sln-btn--nextstep button,
.sln-btn--nextstep #sln-step-submit,
#sln-step-submit {
  background-color: #444444 !important;
  color: #ffffff !important;
  width: 100% !important;
  padding: 14px 32px !important;
  min-height: 48px !important;
  border: none !important;
  font-weight: 600 !important;
  font-size: 1rem !important;
  cursor: pointer !important;
  transition: background-color 0.25s ease !important;
}
.sln-btn--nextstep button:hover,
.sln-btn--nextstep #sln-step-submit:hover {
  background-color: #626060 !important;
}
.sln-btn--nextstep button:focus,
#sln-step-submit:focus {
  outline: 2px solid #F2E7DF !important;
  outline-offset: 2px !important;
}

/* --- FIX 5: Main container padding --- */
.sln-salon--l__content {
  padding: 40px 60px !important;
}

/* --- FIX 6: Grid layout - responsive columns --- */
.sln-list__item {
  grid-template-columns: auto 1fr auto !important;
  gap: 16px !important;
}

/* ================================================
   COLOUR SCHEME - remove blues, apply brand palette
   Primary #444444 | BG #F8F3EF | Warm #F2E7DF
   ================================================ */

/* Widget + form background */
#sln-salon,
.sln-shortcode {
  background-color: #F8F3EF !important;
}

/* Shop/service name headings */
#sln-salon .sln-steps-name,
#sln-salon .sln-shop-name,
#sln-salon .sln-list__item__name,
#sln-salon h3.sln-steps-name {
  color: #444444 !important;
}

/* Log-in link */
#sln-salon .sln-topbar a,
.sln-topbar a {
  color: #444444 !important;
  text-decoration: underline !important;
}
.sln-topbar a:hover {
  color: #626060 !important;
}

/* Select2 dropdown arrows - remove blue */
#sln-salon .select2-container--default .sln-select2.select2-selection--single .select2-selection__arrow b,
#sln-salon .select2-container--default.select2-container--open .sln-select2.select2-selection--single .select2-selection__arrow b {
  border-color: transparent transparent #444444 #444444 !important;
}
#sln-salon .select2-container--default .sln-select2.select2-selection--single:hover .select2-selection__arrow b {
  border-color: transparent transparent #626060 #626060 !important;
}

/* Select2 dropdown option states */
.select2-container--default .sln-select2-dropdown.select2-dropdown .select2-results__option--highlighted[aria-selected] {
  background-color: #626060 !important;
  color: #ffffff !important;
}
.sln-salon-page.sln-salon-page-customcolors .select2-container.select2-container--sln .select2-results__option[aria-selected=true] {
  background-color: rgba(68,68,68,0.15) !important;
  color: #444444 !important;
}
.sln-salon-page.sln-salon-page-customcolors .select2-container.select2-container--sln .select2-results__option--highlighted[aria-selected] {
  background-color: #626060 !important;
  color: #ffffff !important;
}

/* Radio border + selected dot */
#sln-salon .sln-radiobox input+label:before {
  border-color: #444444 !important;
}
#sln-salon .sln-radiobox input:checked+label:after,
#sln-salon .sln-radiobox input:checked+label:hover:after {
  background-color: #444444 !important;
}

/* Progress stepper */
#sln-salon .sln-stepper .step.step--active .step-number,
#sln-salon .sln-stepper .step .step-number {
  background-color: #444444 !important;
  color: #ffffff !important;
}

/* Card hover background */
.sln-service:hover .sln-service__fkbkg,
#sln-salon .sln-service:hover .sln-service__fkbkg,
.sln-attendant:hover .sln-service__fkbkg,
#sln-salon .sln-attendant:hover .sln-service__fkbkg {
  background-color: #F2E7DF !important;
  opacity: 0.5 !important;
}

/* ================================================
   RESPONSIVE BREAKPOINTS
   ================================================ */
@media (max-width: 1024px) {
  .sln-salon--l__content { padding: 40px 30px !important; }
  .sln-shortcode { max-width: 800px !important; }
}
@media (max-width: 768px) {
  .sln-salon--l__content { padding: 24px 16px !important; }
  .sln-shortcode { max-width: 100% !important; padding: 0 16px !important; }
  .sln-list__item__content {
    flex-direction: column !important;
    text-align: center !important;
    min-height: auto !important;
    padding: 14px !important;
  }
  .sln-btn--nextstep { width: 100% !important; }
}
.sln-list, #sln-salon .sln-list {background-color:#fff;}
/* --- Shop name: force dark, single line --- */
#sln-salon .sln-list__item__name,
#sln-salon h3.sln-steps-name,
#sln-salon h3.sln-shop-name {
  color: #444444 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  font-size: 1rem !important;
}

/* --- List item layout: name left, radio right --- */
#sln-salon .sln-list__item {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  width: 100% !important;
}

#sln-salon .sln-list__item__content {
  flex: 1 !important;
  min-width: 0 !important;
}

#sln-salon .sln-list__item__action {
  flex-shrink: 0 !important;
  margin-left: auto !important;
  padding-left: 16px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
}

/* --- Radio circle: brand colour, right-aligned --- */
#sln-salon .sln-radiobox input+label:before {
  border-color: #444444 !important;
}
#sln-salon .sln-radiobox input:checked+label:after,
#sln-salon .sln-radiobox input:checked+label:hover:after {
  background-color: #444444 !important;
}

/* --- Theme h3 override (source of the blue) --- */
.sln-salon-booking h3,
.sln-salon-page h3,
#sln-salon h3 {
  color: #444444 !important;
} {
	    color: #D39E9C!important;
}