/**
 * Suwaki wymiarów — v2 (wzorzec #12072).
 * Tor 4 px na pseudo-elemencie; hitbox padding 10 px; stary gradient na inpucie WYŁĄCZONY.
 * Wykluczenie: .hoker-bench-module-range (#12072 ma własny blok w bench-module-selector).
 */

body.single-product .hoker-seat-configurator .hoker-dimension-slider:not(.hoker-bench-module-range) {
	-webkit-appearance: none;
	appearance: none;
	box-sizing: content-box !important;
	width: 100%;
	height: 10px !important;
	padding: 10px 0 !important;
	margin: 0;
	border: 0;
	border-radius: 0 !important;
	background: transparent !important;
	outline: none;
	cursor: pointer;
	touch-action: pan-x;
	-webkit-tap-highlight-color: transparent;
}

body.single-product .hoker-seat-configurator .hoker-dimension-slider:not(.hoker-bench-module-range)::-webkit-slider-runnable-track {
	height: 4px;
	border: 0;
	border-radius: 999px;
	background: linear-gradient(90deg, #8b0000, #d06666);
}

body.single-product .hoker-seat-configurator .hoker-dimension-slider:not(.hoker-bench-module-range)::-webkit-slider-thumb {
	-webkit-appearance: none;
	appearance: none;
	width: 28px;
	height: 28px;
	margin-top: -12px;
	border: 3px solid #8b0000;
	border-radius: 50%;
	background: #fff;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.22);
	cursor: grab;
}

body.single-product .hoker-seat-configurator .hoker-dimension-slider:not(.hoker-bench-module-range)::-moz-range-track {
	height: 4px;
	border: 0;
	border-radius: 999px;
	background: linear-gradient(90deg, #8b0000, #d06666);
}

body.single-product .hoker-seat-configurator .hoker-dimension-slider:not(.hoker-bench-module-range)::-moz-range-thumb {
	width: 28px;
	height: 28px;
	border: 3px solid #8b0000;
	border-radius: 50%;
	background: #fff;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.22);
	cursor: grab;
}

/* Panel tapicerowany (#1599) — kolory karty + mniejsza gałka. */
body.single-product.postid-1599 .hoker-seat-configurator .hoker-dimension-slider:not(.hoker-bench-module-range)::-webkit-slider-runnable-track,
body.single-product.postid-1599 .hoker-seat-configurator .hoker-dimension-slider:not(.hoker-bench-module-range)::-moz-range-track {
	background: linear-gradient(90deg, #8d1c2f, #d8a0a7);
}

body.single-product.postid-1599 .hoker-seat-configurator .hoker-dimension-slider:not(.hoker-bench-module-range)::-webkit-slider-thumb,
body.single-product.postid-1599 .hoker-seat-configurator .hoker-dimension-slider:not(.hoker-bench-module-range)::-moz-range-thumb {
	width: 22px;
	height: 22px;
	margin-top: -9px;
	border-width: 2px;
	border-color: #8d1c2f;
	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.16);
}

/* Podpowiedź oczka — mniejsza gałka (#14 / #1134 / #1599). */
body.single-product.postid-1599 .hoker-seat-configurator .hoker-dimension-slider.hoker-slider-thumb-hint:not(.hoker-bench-module-range)::-webkit-slider-thumb,
body.single-product.postid-1134 .hoker-seat-configurator .hoker-dimension-slider.hoker-slider-thumb-hint:not(.hoker-bench-module-range)::-webkit-slider-thumb,
body.single-product.postid-14 .hoker-seat-configurator .hoker-dimension-slider.hoker-slider-thumb-hint:not(.hoker-bench-module-range)::-webkit-slider-thumb,
body.single-product.postid-1599 .hoker-seat-configurator .hoker-dimension-slider.hoker-slider-thumb-hint:not(.hoker-bench-module-range)::-moz-range-thumb,
body.single-product.postid-1134 .hoker-seat-configurator .hoker-dimension-slider.hoker-slider-thumb-hint:not(.hoker-bench-module-range)::-moz-range-thumb,
body.single-product.postid-14 .hoker-seat-configurator .hoker-dimension-slider.hoker-slider-thumb-hint:not(.hoker-bench-module-range)::-moz-range-thumb {
	width: 22px;
	height: 22px;
	margin-top: -9px;
	border-width: 2px;
}

@media (max-width: 768px) {
	body.single-product .hoker-seat-configurator .hoker-mobile-slider-row {
		overflow: visible;
	}

	/* Nadpisanie starych height: 6–7 px + gradientu na inpucie (#1599 mobile grid). */
	body.single-product.postid-1599 .hoker-seat-configurator .hoker-dimension-slider:not(.hoker-bench-module-range) {
		height: 10px !important;
		padding: 10px 0 !important;
		background: transparent !important;
		border-radius: 0 !important;
	}
}
