/**
 * WooCommerce Price Filter
 */
.widget_price_filter {

	.price_slider {
		margin-bottom: 1.5em;
	}

	.price_slider_amount {
		display: flex;
		text-align: right;
		line-height: 2.4;
		justify-content: space-between;

		.price_label {
			width: 100%;
		}

		.button {
			padding-top: 5px !important;
			padding-bottom: 5px !important;
		}
	}

	.ui-slider {
		position: relative;
		text-align: left;
	}

	.ui-slider .ui-slider-handle {
		position: absolute;
		z-index: 2;
		width: 1em;
		height: 1em;
		cursor: ew-resize;
		outline: none;
		background: #fff;
		border: 2px solid $color__primary;
		box-sizing: border-box;
		margin-top: -7px;
		opacity: 1;
		border-radius: 50%;

		&:last-child {
			margin-left: -1em;
		}

		&:hover,
		&.ui-state-active {
			box-shadow: 0 0 0 0.25em rgba(#000, 0.1);
		}
	}

	.ui-slider .ui-slider-range {
		position: absolute;
		z-index: 1;
		display: block;
		border: 0;
		background: $color__primary;
	}

	.price_slider_wrapper .ui-widget-content {
		background: rgba(0, 0, 0, 0.1);
	}

	.ui-slider-horizontal {
		height: 2px;
	}

	.ui-slider-horizontal .ui-slider-range {
		height: 100%;
	}
}

.widget-area,
.widget-column {
	.widget_products,
	.widget_top_rated_products,
	.widget_recently_viewed_products,
	.widget_recent_reviews {
		li {
			margin-bottom: 15px;
			a {
				display: flex;
				align-items: flex-start;
				flex-wrap: wrap;
				margin-bottom: 10px;
			}
			img {
				flex: 0 0 15%;
				max-width: 15%;
				margin-top: 5px;
			}
			.product-title {
				flex: 0 0 85%;
				max-width: 85%;
				padding-left: 15px;
			}
			.reviewer,
			.amount,
			.star-rating {
				margin-left: calc(15% + 15px);
			}
			ins .amount {
				margin-left: 0 !important;
			}
			del,ins {
				background: transparent;
			}
		}
	}
}

.widget_rating_filter {
	a {
		display: flex;

		.star-rating {
			margin-left: 0;
		}
	}
}

.botiga_widget_product_swatch_active_filter:empty{
	display: none;
}

.botiga_widget_product_swatch_active_filter {

	ul {
		margin: 0;
		padding: 0;
		list-style: none;

		li {
			margin: 0;

			&:last-child {

				a {
					justify-content: flex-end;
					text-transform: uppercase;
					font-size: 13px;
					font-weight: bold;

					&:hover{
						opacity: 0.75;
					}
				}
			}

			a {
				display: flex;
				justify-content: space-between;
				align-items: center;

				&:hover{

					i {
						opacity: 0.75;
					}
				}

				i {
					display: flex;
					justify-content: center;
					align-items: center;
					position: relative;
					width: 18px;
					height: 18px;
					background-color: #e5e5e5;
					border-radius: 100%;

					&:after,
					&:before {
				    content: "";
				    display: block;
				    position: absolute;
				    width: 10px;
				    height: 1px;
				    background-color: currentColor;
				    transform: rotate(45deg);
				    border-radius: 5px;
					}

					&:after {
				    transform: rotate(-45deg);
					}
				}
			}
		}
	}
}