// WooCommerce Widget: Search

.widget_product_search {

	select {
		max-width: 8rem;
	}
}

// Ohio Widget: Filter by Price

.widget_price_filter {

	.price_slider,
	.ui-slider-range {
		height: 0.3rem;
		@include border-radius;
	}

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

		&_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;
		@include border-radius(50%);
		outline: none;
		position: absolute;
		top: -0.7rem;
		cursor: ew-resize;
		box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);

		&::after {
			content: "";
			background-color: $color-red;
			width: 0.625rem;
			height: 0.625rem;
			@include border-radius(100%);

			@include centered;
		}

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