/**
 * 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: var(--bt-color-body-text, $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;
			display: flex;
			grid-gap: 9px;
			align-items: center;

			&:last-child {
				justify-content: flex-end;

				a {

					&:hover{
						opacity: 0.75;
					}
				}
			}

			strong{
				font-size: 13px;
				font-weight: bold;
				text-transform: uppercase;
			}

			a:not(.botiga-clear) {
				display: flex;
				justify-content: center;
				align-items: center;
				position: relative;
				width: 16px;
				height: 16px;
				background-color: #e5e5e5;
				border-radius: 100%;
				position: relative;

				&:hover{
					opacity: 0.75;
				}

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

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

	&.horizontal-style {
		ul {
			display: flex;
			flex-wrap: wrap;
			justify-content: flex-start;
			gap: 10px;

			li {
				background-color: var( --bt-color-content-cards-bg, #f2f2f2 );
				border-radius: 35px;
				line-height: 1;
				padding: 11px 16px;

				a {
					top: 0;
					order: 2;
					background-color: transparent;
				}

				&:last-of-type {
					background-color: transparent;
					padding: 0;
					margin-left: 10px;
				}
			}
		}
	}
}