.widget_product_categories ul {
	@include widget-archive();
}


.widget_product_categories ul {
	a:hover + .count {
		color: var(--g5-color-accent);
	}

	.current-cat {
		span.count,
		> a {
			color: var(--g5-color-accent);
		}
	}
}


.yith-woocompare-widget ul {
	@include widget-meta();
	border-bottom: 1px solid var(--g5-border-color-dark);
	margin-bottom: 15px !important;
	padding-bottom: 15px;

	li a.title {
		width: auto;
	}

	a.remove {
		font-size: 0;
		width: 14px;
		height: 14px;
		line-height: 14px;
	}

}

.woocommerce .widget_layered_nav_filters ul {
	@include widget-archive();
}

.woocommerce .widget_layered_nav ul.woocommerce-widget-layered-nav-list {
	@include widget-archive();
	a:hover + .count {
		color: var(--g5-color-accent);
	}
}

.woocommerce .widget_layered_nav {
	ul.yith-wcan-select {
		padding: 0;

		li.chosen {
			a {
				background-position: 0 12px;
				padding-left: 10px;
			}
		}
	}

	ul.yith-wcan-label {
		padding: 0;
		margin-bottom: -5px;
		li a {
			background-color: transparent;
			@include border-radius(5px);
			font-size: 14px;
			color: var(--g5-text-color-light);
			border:1px solid var(--g5-border-color-dark);
			margin: 0 5px 5px 0;
			line-height: 20px;
			padding: 5px;
			min-width: 32px;
			text-align: center;
			@include transition03();
			&:hover {
				background-color: var(--g5-text-color-light);
				color: #fff;
				border-color: var(--g5-text-color-light);
				@include border-radius(5px);
			}
		}
		li.chosen a {
			background-color: var(--g5-text-color-light);
			color: #fff;
			border-color: var(--g5-text-color-light);
			@include border-radius(5px);
			&:before {
				display: none;
			}
		}
	}

	ul.yith-wcan-color {
		margin-bottom: -5px;
		padding: 0;
		li a {
			position: relative;
			width: 32px;
			height: 32px;
			border:none;
			@include border-radius(5px);
			margin: 0 5px 5px 0;
			&:hover {
				border: none;
				@include border-radius(5px);
				&:after {
					font-family: var(--g5-font-icon);
					content: '\f00c';
					display: inline-block;
					color: #fff;
					position: absolute;
					margin: 10px 0 0 10px;
					font-size: 12px;
					line-height: 1;
					text-indent:0;
					top: 0;
					left: 0;
				}
			}
		}
		li.chosen a {
			border:none;
			@include border-radius(5px);
			&:before {
				display: none;
			}
			&:after {
				font-family: var(--g5-font-icon);
				content: '\f00c';
				display: inline-block;
				color: #fff;
				position: absolute;
				margin: 10px 0 0 10px;
				font-size: 12px;
				line-height: 1;
				text-indent:0;
				top: 0;
				left: 0;
			}
		}
	}

	ul.yith-wcan-list {
		padding: 0;
		margin: 0;
		li {
			position: relative;
			margin: 0;
			font-size: 14px;
			color: #393939;
			line-height: 20px;
			-webkit-transition: all 0.3s;
			transition: all 0.3s;
			> a {
				display: inline-block;
				line-height: 20px;
				min-height: 20px;
				color: inherit;
			}
			&:hover {
				color: var(--g5-color-accent);
			}
		}
		li + li {
			border-top: 1px solid var(--g5-border-color);
			margin-top: 14px;
			padding-top: 14px;
		}

		.count {
			font-size: 100%;
			&:before {
				content: '(';
			}
			&:after {
				content: ')';
			}
		}

	}
}

.woocommerce-product-search {
	@include widget-search();
}

/**
* Woocommerce Price Filter
* ----------------------------------------------------------------------------
*/
.woocommerce .widget_price_filter {
	.price_slider_wrapper .ui-widget-content {
		background-color: #aaa;
		height: 6px;
		@include border-radius(3px);
		margin-bottom: 25px;
	}
	.ui-slider .ui-slider-range {
		height: 8px;
		@include border-radius(4px);
		background-color: var(--g5-color-accent);
		top: -1px;
	}
	.ui-slider .ui-slider-handle {
		height: 14px;
		width: 14px;
		@include border-radius(4px);
		background-color: var(--g5-color-accent);
		top: -4px;
		&:before {
			content: '';
			display: block;
			position: absolute;
			top: 0;
			left: 0;
			right: 0;
			bottom: 0;
			@include border-radius(4px);
			background-color: rgba(0,0,0,0.1);

		}
	}
	.price_label {
		font-size: 14px;
	}

	.price_slider_amount .button {
		font-size: 13px;
		background-color: #444;
		color: #fff;
		&:hover{
			background-color: var(--g5-color-accent);
		}
	}
}

.woocommerce ul.product_list_widget{
	li {
		padding: 0;
		margin-bottom: 15px;
		&:last-child {
			margin-bottom: 0;
		}
		@include d-flex();
	}

	.product-thumb {
		@include flex-shrink-0();
		width: 80px;
		margin-right: 15px;
		img {
			width: 100%;
			margin: 0;
			float: none;
		}
	}

	.product-info {
		@include flex-fill();
		width: 1px;
		span.cat,
		span.title{
			display: block;
		}
	}

	.title {
		line-height: 1.4;
	}

	.product-title {
		font-weight: 400;
		color: #222;
		&:hover {
			color: var(--g5-color-accent);
		}
	}

	span.cat a{
		display: inline-block;
		font-family: var(--g5-secondary-font);
		font-style: italic;
		font-weight: 400;
	}


	span.amount {
		display: inline-block;
		font-size: 16px;
		font-weight: 500;
		color: var(--g5-text-color-medium);
	}
	ins span.amount {
		text-decoration: none;
	}

	del span.amount {
		font-size: 14px;
		color: var(--g5-text-color-light);
		margin-right: 5px;
		text-decoration: line-through;
	}
	del,
	ins {
		display: inline-block;
	}

	span.price ins .amount
	{
		font-weight: 400;
		color: #222;

	}

	li .star-rating {
		margin-bottom: 15px;
		margin-top: 5px;
	}
}

/*
* yith-woocommerce-ajax-product-filter
* ----------------------------------------------------------------------------
*/
// color
.woocommerce .widget_layered_nav ul.yith-wcan-color {
	margin-bottom: -5px;
	padding: 0;
	li a {
		position: relative;
		width: 32px;
		height: 32px;
		border:none;
		@include border-radius(5px);
		margin: 0 5px 5px 0;
		&:hover {
			border: none;
			@include border-radius(5px);
			&:after {
				font-family: var(--g5-font-icon);
				content: '\f00c';
				display: inline-block;
				color: #fff;
				position: absolute;
				margin: 10px 0 0 10px;
				font-size: 12px;
				line-height: 1;
				text-indent:0;
				top: 0;
				left: 0;
			}
		}
	}
	li.chosen a {
		border:none;
		@include border-radius(5px);
		&:before {
			display: none;
		}
		&:after {
			font-family: var(--g5-font-icon);
			content: '\f00c';
			display: inline-block;
			color: #fff;
			position: absolute;
			margin: 10px 0 0 10px;
			font-size: 12px;
			line-height: 1;
			text-indent:0;
			top: 0;
			left: 0;
		}
	}
}

.woocommerce .widget_layered_nav ul.yith-wcan-label {
	padding: 0;
	margin-bottom: -5px;
	li a {
		background-color: transparent;
		@include border-radius(5px);
		font-size: 14px;
		color: var(--g5-text-color-light);
		border:1px solid var(--g5-border-color-dark);
		margin: 0 5px 5px 0;
		line-height: 20px;
		padding: 5px;
		min-width: 32px;
		text-align: center;
		@include transition03();
		&:hover {
			background-color: var(--g5-text-color-light);
			color: #fff;
			border-color: var(--g5-text-color-light);
			@include border-radius(5px);
		}
	}
	li.chosen a {
		background-color: var(--g5-text-color-light);
		color: #fff;
		border-color: var(--g5-text-color-light);
		@include border-radius(5px);
		&:before {
			display: none;
		}
	}
}