/* FormCraft Modern Slider - Light Speed Web custom enhancement */
.formcraft-css .fc-form .form-element .slider-cover.modern-slider-true {
  --fc-modern-slider-accent: #0877c9;
  --fc-modern-slider-ink: #102a43;
  --fc-modern-slider-muted: #718096;
  --fc-modern-slider-track: #e7edf3;
  position: relative;
  display: block !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 17px 24px 16px !important;
  border: 1px solid rgba(15, 42, 67, .09) !important;
  border-radius: 15px !important;
  background: #fff !important;
  box-shadow: 0 1px 2px rgba(15,42,67,.025), 0 7px 22px rgba(15,42,67,.055) !important;
  box-sizing: border-box !important;
  overflow: visible !important;
}

/* Compact header. It deliberately uses the same ~24px inset as FormCraft inputs. */
.formcraft-css .fc-form .form-element .slider-cover.modern-slider-true > span:first-child {
  display: block !important;
  position: relative !important;
  inset: auto !important;
  width: 100% !important;
  min-height: 38px !important;
  margin: 0 !important;
  padding: 2px 142px 5px 0 !important;
  color: var(--fc-modern-slider-ink) !important;
  text-align: left !important;
  transform: none !important;
  opacity: 1 !important;
  z-index: 103;
  box-sizing: border-box !important;
}

.formcraft-css .fc-form .form-element .slider-cover.modern-slider-true > span:first-child .main-label {
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
  color: var(--fc-modern-slider-ink) !important;
  font-size: .96em !important;
  font-weight: 700 !important;
  line-height: 1.3 !important;
  letter-spacing: .012em !important;
}

.formcraft-css .fc-form .form-element .slider-cover.modern-slider-true > span:first-child .sub-label {
  display: block !important;
  margin: 3px 0 0 !important;
  padding: 0 !important;
  color: var(--fc-modern-slider-muted) !important;
  font-size: .82em !important;
  font-weight: 500 !important;
  line-height: 1.3 !important;
  letter-spacing: normal !important;
}

/* Compact premium value pill. */
.formcraft-css .fc-form .form-element .slider-cover.modern-slider-true .fc-modern-slider-value {
  position: absolute !important;
  top: 0 !important;
  right: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: auto !important;
  min-width: 118px !important;
  max-width: 144px !important;
  min-height: 36px !important;
  margin: 0 !important;
  padding: 7px 15px !important;
  border: 1px solid rgba(255,255,255,.16) !important;
  border-radius: 999px !important;
  background: var(--fc-modern-slider-accent) !important;
  color: #fff !important;
  box-shadow: 0 4px 12px rgba(15,42,67,.13), inset 0 1px 0 rgba(255,255,255,.14) !important;
  font-size: .94em !important;
  font-weight: 760 !important;
  font-variant-numeric: tabular-nums !important;
  line-height: 1 !important;
  letter-spacing: .005em !important;
  white-space: nowrap !important;
  box-sizing: border-box !important;
}

.formcraft-css .fc-form .form-element .slider-cover.modern-slider-true > div {
  position: relative !important;
  top: auto !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 6px 0 1px !important;
  border: 0 !important;
  background: transparent !important;
  text-align: left !important;
  box-sizing: border-box !important;
  overflow: visible !important;
}

.formcraft-css .fc-form .form-element .slider-cover.modern-slider-true .range-min,
.formcraft-css .fc-form .form-element .slider-cover.modern-slider-true .range-max {
  display: block !important;
  position: relative !important;
  inset: auto !important;
  width: auto !important;
  margin: 0 0 7px !important;
  padding: 0 !important;
  color: var(--fc-modern-slider-muted) !important;
  font-size: .82em !important;
  font-weight: 620 !important;
  line-height: 1.25 !important;
  text-align: left !important;
  letter-spacing: 0 !important;
}

.formcraft-css .fc-form .form-element .slider-cover.modern-slider-true .range-min strong,
.formcraft-css .fc-form .form-element .slider-cover.modern-slider-true .range-max strong {
  color: var(--fc-modern-slider-ink) !important;
  font-weight: 760 !important;
  font-variant-numeric: tabular-nums !important;
}

.formcraft-css .fc-form .form-element .slider-cover.modern-slider-true .range-min::before,
.formcraft-css .fc-form .form-element .slider-cover.modern-slider-true .range-max::before {
  display: none !important;
  content: none !important;
}

.formcraft-css .fc-form .form-element .slider-cover.modern-slider-true .range-max { display: none !important; }
.formcraft-css .fc-form .form-element .slider-cover.modern-slider-true.modern-show-max .range-min { display: inline-block !important; }
.formcraft-css .fc-form .form-element .slider-cover.modern-slider-true.modern-show-max .range-max {
  display: block !important;
  position: absolute !important;
  right: 10px !important;
  bottom: 31px !important;
  left: auto !important;
  margin: 0 !important;
  text-align: right !important;
}

/* Small invisible interaction lane around the visible track. */
.formcraft-css .fc-form .form-element .slider-cover.modern-slider-true .ui-slider-cover {
  display: block !important;
  position: relative !important;
  width: calc(100% - 20px) !important;
  height: 24px !important;
  margin: 0 10px !important;
  padding: 0 !important;
  overflow: visible !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  box-sizing: border-box !important;
}

.formcraft-css .fc-form .form-element .slider-cover.modern-slider-true .ui-slider {
  position: absolute !important;
  top: 50% !important;
  right: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 5px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: var(--fc-modern-slider-track) !important;
  box-shadow: inset 0 1px 1px rgba(15,42,67,.07) !important;
  transform: translateY(-50%) !important;
  cursor: pointer !important;
  touch-action: none !important;
  box-sizing: border-box !important;
}

.formcraft-css .fc-form .form-element .slider-cover.modern-slider-true .ui-slider-range {
  top: 0 !important;
  height: 100% !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: var(--fc-modern-slider-accent) !important;
  box-shadow: none !important;
}

/* Precision handle: visually lighter and exactly centered on the 5px track. */
.formcraft-css .fc-form .form-element .slider-cover.modern-slider-true .ui-slider-handle {
  top: 50% !important;
  width: 20px !important;
  height: 20px !important;
  margin-top: 0 !important;
  margin-left: -10px !important;
  border: 2px solid var(--fc-modern-slider-accent) !important;
  border-radius: 50% !important;
  outline: none !important;
  background: #fff !important;
  box-shadow: 0 0 0 2px rgba(255,255,255,.98), 0 3px 9px rgba(15,42,67,.15) !important;
  transform: translateY(-50%) !important;
  transition: box-shadow .15s ease, transform .15s ease !important;
  box-sizing: border-box !important;
  cursor: grab !important;
  touch-action: none !important;
}

.formcraft-css .fc-form .form-element .slider-cover.modern-slider-true .ui-slider-handle:hover,
.formcraft-css .fc-form .form-element .slider-cover.modern-slider-true .ui-slider-handle:focus {
  box-shadow: 0 0 0 3px rgba(255,255,255,.98), 0 4px 11px rgba(15,42,67,.19) !important;
  transform: translateY(-50%) scale(1.04) !important;
}
.formcraft-css .fc-form .form-element .slider-cover.modern-slider-true .ui-slider-handle.ui-state-active {
  box-shadow: 0 0 0 2px rgba(255,255,255,.98), 0 2px 7px rgba(15,42,67,.17) !important;
  transform: translateY(-50%) scale(.97) !important;
  cursor: grabbing !important;
}

.formcraft-css .fc-form .form-element .slider-cover.modern-slider-true .ui-slider-handle-nos { display: none !important; }
.formcraft-css .fc-form .form-element .slider-cover.modern-slider-true .error { z-index: 110; }

/* Builder-specific protection from FormCraft's generic nested span rules. */
#formcraft-builder-cover .formcraft-css .fc-form .form-element .slider-cover.modern-slider-true .fc-modern-slider-value {
  display: inline-flex !important;
  width: auto !important;
  max-width: 144px !important;
  line-height: 1 !important;
}
#formcraft-builder-cover .formcraft-css .fc-form .form-element .slider-cover.modern-slider-true > span:first-child {
  min-height: 38px !important;
}

@media (max-width: 560px) {
  .formcraft-css .fc-form .form-element .slider-cover.modern-slider-true {
    padding: 15px 16px 14px !important;
    border-radius: 13px !important;
    box-shadow: 0 1px 2px rgba(15,42,67,.025), 0 5px 16px rgba(15,42,67,.05) !important;
  }
  .formcraft-css .fc-form .form-element .slider-cover.modern-slider-true > span:first-child {
    min-height: 0 !important;
    padding: 0 0 4px !important;
  }
  .formcraft-css .fc-form .form-element .slider-cover.modern-slider-true .fc-modern-slider-value {
    position: relative !important;
    top: auto !important;
    right: auto !important;
    min-width: 104px !important;
    max-width: 138px !important;
    min-height: 32px !important;
    margin-top: 7px !important;
    padding: 6px 13px !important;
    font-size: .88em !important;
  }
  .formcraft-css .fc-form .form-element .slider-cover.modern-slider-true > div {
    padding-top: 4px !important;
  }
  .formcraft-css .fc-form .form-element .slider-cover.modern-slider-true .range-min,
  .formcraft-css .fc-form .form-element .slider-cover.modern-slider-true .range-max {
    margin-bottom: 5px !important;
    font-size: .8em !important;
  }
  .formcraft-css .fc-form .form-element .slider-cover.modern-slider-true .ui-slider-cover {
    width: calc(100% - 18px) !important;
    height: 22px !important;
    margin-right: 9px !important;
    margin-left: 9px !important;
  }
  .formcraft-css .fc-form .form-element .slider-cover.modern-slider-true .ui-slider-handle {
    width: 18px !important;
    height: 18px !important;
    margin-left: -9px !important;
  }
}
