// WooCommerce Widget: Search

.widget_product_search {

	select {
		max-width: 8rem;
	}
}

// Ohio Widget: Filter by Price

.wc-block-price-slider {

	.wc-block-components-price-slider__range-input-wrapper,
	.wc-block-components-price-slider__range-input-progress {
		height: 0.375rem;

	    @include border-radius;
	}


	.wc-block-components-price-slider__range-input-wrapper {
	    background-color: $color-neutral-25;
	    box-shadow: none;
	}

	.wc-block-components-price-slider__range-input {
		top: -0.15rem;
	}

	.wc-block-components-price-slider__range-input-progress {
	    --track-background: linear-gradient(90deg,transparent var(--low),var(--range-color) 0,var(--range-color) var(--high),transparent 0) no-repeat 0 100%/100% 100%;
	    --range-color: #{$color-neutral-45};
	    background: var(--track-background);
	}

	.wc-block-price-filter__range-text {
		font-size: $font-size-small;
	}

	.wc-block-components-price-slider__controls {

		.wc-block-components-price-slider__amount {
			padding: 0 0.75rem;
			font-size: $font-size-caption;
			min-height: $button-small-height;
			max-width: unset;
			border-radius: $radius !important;
		}
	}
}

// .widget_price_filter {

// 	.price_slider,
// 	.ui-slider-range {
// 		height: 0.3rem;

// 		@include border-radius;
// 	}

// 	.price_slider {
// 		position: relative;
// 		background-color: $color-neutral-25;

// 		&_amount {
// 			margin-top: 2rem;

// 			@include flex;
// 			@include align-items(center);
// 			@include flex-just(space-between);
// 			@include flex-direction(row-reverse);

// 			.clear {
// 				display: none;
// 			}
// 		}
// 	}

// 	.ui-slider-range {
// 		background: $color-red;
// 		position: absolute;
// 	}

// 	.price_label {
// 		font-size: $font-size-small;
// 	}

// 	.button {
// 	    min-height: 2.4rem;
// 	}

// 	.ui-slider-handle {
// 		background: $color-white;
// 		width: 1.6rem;
// 		height: 1.6rem;
// 		outline: none;
// 		position: absolute;
// 		top: -0.7rem;
// 		cursor: ew-resize;
// 		box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);

// 		@include border-radius(50%);

// 		&::after {
// 			content: "";
// 			background-color: $color-red;
// 			width: 0.625rem;
// 			height: 0.625rem;

// 			@include border-radius(100%);

// 			@include centered;
// 		}

// 		&:last-child {
// 			margin-left: -1.6rem;
// 		}
// 	}
// }