/* WDD Engagement dual price slider - standalone, Shopify-safe CSS (loads after full-custom.css) */

.wdd-price-filter--range,
.wdd-price-filter.wdd-price-filter--range {
  --wdd-thumb-size: 20px;
  --wdd-thumb-half: 10px;
  --wdd-track-height: 6px;
  --wdd-slider-width: min(765px, 100%);
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0 !important;
  padding: 26px 40px !important;
  background: #fff;
  position: relative;
  max-height: none !important;
  height: 100px !important;
  min-height: 100px !important;
  overflow: visible !important;
  width: 100% !important;
}

.wdd-price-filter--range .wdd-price-values,
.wdd-price-filter--range .wdd-dual-range {
  box-sizing: border-box !important;
  padding-left: var(--wdd-thumb-half) !important;
  padding-right: var(--wdd-thumb-half) !important;
  width: var(--wdd-slider-width) !important;
  max-width: 765px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

.wdd-price-filter--range .wdd-price-values {
  position: relative !important;
  display: block !important;
  height: 22px !important;
  margin-bottom: 8px !important;
  flex-shrink: 0 !important;
}

.wdd-price-filter--range [data-price-min-label],
.wdd-price-filter--range [data-price-max-label],
.wdd-price-filter--range .wdd-price-values span {
  position: absolute !important;
  top: auto !important;
  bottom: 0 !important;
  transform: translateX(-50%) !important;
  background: #6f7b7d !important;
  color: #fff !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  line-height: 1 !important;
  padding: 5px 6px !important;
  border-radius: 5px !important;
  white-space: nowrap !important;
  pointer-events: none !important;
  box-shadow: none !important;
}

.wdd-price-filter--range [data-price-min-label]::after,
.wdd-price-filter--range [data-price-max-label]::after,
.wdd-price-filter--range .wdd-price-values span::after {
  content: '' !important;
  position: absolute !important;
  top: 100% !important;
  bottom: auto !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  border: 4px solid transparent !important;
  border-top-color: #6f7b7d !important;
  border-left: 4px solid transparent !important;
  border-right: 4px solid transparent !important;
  border-bottom: none !important;
}

.wdd-price-filter--range .wdd-dual-range {
  position: relative !important;
  height: var(--wdd-thumb-size) !important;
  margin-bottom: 0 !important;
  left: auto !important;
  top: auto !important;
  transform: none !important;
  flex-shrink: 0 !important;
}

.wdd-price-filter--range .wdd-dual-range__track {
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  top: 50% !important;
  height: var(--wdd-track-height) !important;
  border-radius: 999px !important;
  background: #d0d8d6 !important;
  transform: translateY(-50%) !important;
}

.wdd-price-filter--range .wdd-dual-range__range {
  position: absolute !important;
  top: 50% !important;
  height: var(--wdd-track-height) !important;
  border-radius: 999px !important;
  background: #6f7b7d !important;
  transform: translateY(-50%) !important;
  pointer-events: none !important;
  left: var(--min-percent, 0%) !important;
  width: calc(var(--max-percent, 100%) - var(--min-percent, 0%)) !important;
  transition: left 160ms ease, width 160ms ease;
  z-index: 1 !important;
}

.wdd-price-filter--range .wdd-dual-range__input,
.wdd-price-filter--range .wdd-dual-range input[type="range"] {
  position: absolute !important;
  left: calc(-1 * var(--wdd-thumb-half)) !important;
  top: 0 !important;
  width: calc(100% + var(--wdd-thumb-size)) !important;
  height: var(--wdd-thumb-size) !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  pointer-events: none !important;
  appearance: none !important;
  -webkit-appearance: none !important;
  transform: none !important;
  z-index: 2 !important;
}

.wdd-price-filter--range .wdd-dual-range__input--min {
  z-index: 4 !important;
}

.wdd-price-filter--range .wdd-dual-range__input--max {
  z-index: 3 !important;
}

.wdd-price-filter--range .wdd-dual-range__input::-webkit-slider-runnable-track,
.wdd-price-filter--range .wdd-dual-range input[type="range"]::-webkit-slider-runnable-track {
  height: var(--wdd-track-height) !important;
  background: transparent !important;
  border: 0 !important;
}

.wdd-price-filter--range .wdd-dual-range__input::-moz-range-track,
.wdd-price-filter--range .wdd-dual-range input[type="range"]::-moz-range-track {
  height: var(--wdd-track-height) !important;
  background: transparent !important;
  border: 0 !important;
}

.wdd-price-filter--range .wdd-dual-range__input::-webkit-slider-thumb,
.wdd-price-filter--range .wdd-dual-range input[type="range"]::-webkit-slider-thumb {
  box-sizing: border-box !important;
  width: var(--wdd-thumb-size) !important;
  height: var(--wdd-thumb-size) !important;
  border: 2px solid #6f7b7d !important;
  border-radius: 50% !important;
  background: #fff !important;
  cursor: grab !important;
  pointer-events: auto !important;
  box-shadow: 0 2px 8px rgba(49, 95, 89, 0.22) !important;
  appearance: none !important;
  -webkit-appearance: none !important;
  margin-top: calc((var(--wdd-track-height) - var(--wdd-thumb-size)) / 2) !important;
  transition: transform 150ms ease, box-shadow 150ms ease !important;
}

.wdd-price-filter--range .wdd-dual-range__input::-moz-range-thumb,
.wdd-price-filter--range .wdd-dual-range input[type="range"]::-moz-range-thumb {
  box-sizing: border-box !important;
  width: var(--wdd-thumb-size) !important;
  height: var(--wdd-thumb-size) !important;
  border: 2px solid #6f7b7d !important;
  border-radius: 50% !important;
  background: #fff !important;
  cursor: grab !important;
  pointer-events: auto !important;
  box-shadow: 0 2px 8px rgba(49, 95, 89, 0.22) !important;
  transition: transform 150ms ease, box-shadow 150ms ease !important;
}

.wdd-price-filter--range .wdd-dual-range__input::-webkit-slider-thumb:active,
.wdd-price-filter--range .wdd-dual-range input[type="range"]::-webkit-slider-thumb:active {
  cursor: grabbing !important;
  transform: scale(1.08) !important;
}

.wdd-price-filter--range .wdd-dual-range__input::-moz-range-thumb:active,
.wdd-price-filter--range .wdd-dual-range input[type="range"]::-moz-range-thumb:active {
  cursor: grabbing !important;
  transform: scale(1.08) !important;
}

.wdd-price-filter--range [data-price-apply] {
  display: none !important;
}

/* Open dropdown panel — match other filter sections */
.wdd-filter-group[open] .wdd-price-filter.wdd-price-filter--range {
  align-items: center !important;
  justify-content: center !important;
  height: 100px !important;
  min-height: 100px !important;
  max-height: none !important;
  overflow: visible !important;
  padding: 26px 40px !important;
}