/* ============================================
	 Widget 
	 ============================================*/
.sidebar .widget {
	margin-bottom: 30px;
}

.sidebar {
	.clear-all {
		font-size       : 14px;
		font-weight     : 700;
		text-transform  : uppercase;
		color           : #fff;
		display         : inline-block;
		width           : 100%;
		text-align      : center;
		background-color: var(--color);
		margin-bottom   : 0;
		height:33px; line-height:33px;
		a{
			color: #fff;
			&:before{
				display: none;
			}
		}
		&:hover {
			background-color: var(--darken15);
		}
	}

	.widget,
	.elementor-widget {
		margin-bottom: 30px;

		.widget-inner,
		.elementor-widget-container {
			h5 {
				font-size       : 16px;
				text-transform  : uppercase;
				color           : #222;
				border-bottom   : 0;
				font-weight     : 700;
				margin-bottom   : 10px;
				padding         : 18px 15px 15px;
				margin          : 0;
				background-color: #f2f2f2;
			}

			.block-title-widget {
				h2 {
					font-size     : 14px;
					text-transform: capitalize;
					color         : @body-color;
					border-bottom : 0;
					font-weight   : 700;
					margin-bottom : 10px;
					padding       : 27px 20px 0;
				}
			}

			select {
				max-width: 100%;
				padding  : 7px;
				margin   : 0 20px 20px;
			}

			ul {
				list-style: none;
				margin    : 0;
				border    : 1px solid @border-color;

				>li {
					padding      : 15px;
					border-bottom: 1px solid #ddd;

					>a {
						display       : inline-block;
						vertical-align: top;
					}

					&:last-child {
						border: 0;
					}

					ul.children {
						margin-left: 15px;
						padding-top: 10px;
						border     : 0;

						>li:first-child {
							border-top: 1px solid #ddd;
						}
					}
				}
			}
		}

		&.widget_media_image .size-full {
			width: auto;
		}

		/* Search Form */
		&.widget_search {
			.searchform {
				margin-top: 20px;

				.screen-reader-text {
					display: block;
				}

				>div {
					position  : relative;
					min-height: 60px;

					input {
						position: absolute;
						left    : 0;
						top     : 30px;
						width   : 100%;
						border  : 1px solid #c9c9c9;
						.border-radius(0);
						padding   : 7px 60px 7px 7px;
						background: #fff;

						&#searchsubmit {
							background: @body-color;
							border    : @body-color;
							padding   : 8px;
							right     : 0;
							width     : auto;
							left      : auto;
							color     : #fff;

							&:hover {
								background: var(--color);
							}
						}
					}
				}
			}
		}

		/* Calendar */
		&.widget_calendar {
			#calendar_wrap {
				width: 100%;

				#wp-calendar {
					width    : 100%;
					margin   : 0 auto;
					max-width: 50%;

					tbody tr td,
					tr th {
						padding   : 10px;
						text-align: center;
						border    : 1px solid @border-color;

						>a {
							font-weight: bold;
						}
					}

					#today {
						font-weight: bold;
					}
				}
			}
		}

		/* archive and category */
		&.widget_archive,
		&.widget_categories {
			.screen-reader-text {
				display: none;
			}

			select {
				margin-top: 20px;
				width     : 100%;
			}
		}

		/* Rss */
		&.widget_text .textwidget {

			//padding-top:15px;
			p {
				line-height: 22px;
			}
		}

		&.widget_tag_cloud .tagcloud {
			padding-top: 15px;
		}

		&.widget_rss {
			.block-title-widget h2 {
				span {
					float: left;
				}

				&:before {
					content: '';
				}

				img {
					display     : inline-block;
					margin-right: 10px;
				}
			}

			.widget-inner>ul {
				li {
					line-height: 22px;

					a {
						padding: 0;

						&.rsswidget {
							display      : block;
							font-weight  : bold;
							margin-bottom: 5px;
						}
					}

					.rss-date {
						display      : block;
						color        : #999;
						font-size    : 12px;
						margin-bottom: 10px;
					}
				}
			}
		}

		/* Recent Comment */
		&.widget_recent_comments {
			.widget-inner {
				ul#recentcomments {
					li {
						line-height: 20px;
					}

					>li {
						.comment-author-link {
							font-weight: bold;
						}
					}
				}
			}
		}

		/*Widget category*/
		&.widget_tag_cloud,
		&.elementor-widget-wp-widget-tag_cloud {
			h5 {
				margin: 0 0 5px;
			}

			.tagcloud {
				margin: 0 !important;

				a {
					display  : inline-block;
					color    : #333;
					padding  : 10px;
					border   : 1px solid @border-color;
					padding  : 6px 9px;
					margin   : 5px 2px;
					font-size: 13px !important;
					.border-radius(3px);

					&:hover {
						border          : 1px solid var(--color);
						background-color: var(--color);
						color           : #fff;
					}
				}
			}
		}

		/* Nav Menu */
		&.widget_nav_menu {
			.widget-inner {
				ul.menu {
					border: 0;

					>li {
						padding : 0;
						position: relative;

						>a {
							display  : block;
							padding  : 10px 0;
							font-size: 13px;
						}

						&:hover {
							>a {
								color: var(--color);
							}

							>ul.dropdown-menu {
								display: block;
							}
						}

						ul.dropdown-menu {
							position     : static;
							border-radius: 0;
							display      : block;
							.box-shadow(none);
							border     : 0;
							background : none;
							padding    : 0;
							float      : none;
							margin-left: 15px;
							min-width  : auto;

							>li {
								padding : 0;
								position: relative;

								&.active>a {
									background-color: #fff;
									color           : var(--color);
								}

								>a {
									display  : block;
									padding  : 10px 15px;
									font-size: 13px;

									&:hover,
									&:focus {
										background: none;
										color     : var(--color);
									}
								}

								&:first-child {
									border-top: 1px solid @border-color;
								}
							}
						}
					}
				}
			}
		}

		&.sw_brand_filter {
			border: 1px solid #ededed;

			ul {
				border: 0;
				margin: 10px 0 17px;

				li {
					padding: 9px 20px;
					border : 0;

					a {
						font-size   : 14px;
						color       : #777;
						padding-left: 0px;
						position    : relative;

						&:before {
							content       : "\f00c";
							font-family   : 'Font Awesome 5 Free';font-weight:900;
							border        : 1px #ddd solid;
							width         : 16px;
							height        : 16px;
							line-height   : 16px;
							text-align    : center;
							display       : inline-block;
							vertical-align: top;
							color         : @body-color;
							background    : #fff;
							font-size     : 0;
							margin-right  : 13px;
							.transition(all 0.3s);
							left: 0;
							top : 0;
						}
					}

					&.active,
					&:hover {
						a {
							color: var(--color);
							.transition(all 0.3s);

							&:before {
								font-size : 12px;
								background: var(--color);
								border    : var(--color);
								color     : #fff;
								.transition(all 0.3s);
							}
						}
					}
				}
			}
		}
		&.widget_woo_active_filters{
			display: none;
			.active-filters-list{
				display: flex;
				flex-wrap: wrap;
				gap: 10px;
				border: 0;
				margin-bottom: 20px;
				> li{
					box-shadow: 0 0 0 1px #ddd;
					padding: 5px 10px;
					border: 0;
				}
			}
			.clear-all-filters{
				display: block;
				background: var(--color);
				color: #fff;
				width: 100%;
				border: 0;
				padding: 10px;
				&:hover{
					background-color: var(--darken15);
				}
			}
		}
	}
	.woocommerce-loop-product__title{
		font-size: 16px;
	}
}

.sw-filter-above-shop {
	background-color: #fff;
	margin-bottom   : 15px;
	display         : none;

	&.open {
		display: block;
	}
}

.woocommerce-widget-layered-nav {
	.widget-inner {
		ul {
			padding: 10px 0;

			.sidebar & {
				padding: 5px 20px 15px;
			}

			>li {
				display       : inline-block;
				vertical-align: top;
				border        : 0;
				margin        : 0 10px 10px 0;
				padding       : 0 !important;
				.transition(all 0.3s);

				a {
					padding    : 0;
					width      : 40px;
					height     : 40px;
					line-height: 38px;
					text-align : center;
					border     : 1px solid #ededed;
					font-size  : 14px;
					color      : #777;
					display    : inline-block;

					.variation-color {
						width      : 33px;
						height     : 33px;
						line-height: 31px;
						text-align : center;
						display    : inline-block;

						>span {
							padding: 0 !important;
						}
					}
				}

				.count {
					float      : right;
					line-height: 28px;
					display    : none;
				}

				&:hover,
				&.chosen {
					border-color: var(--color);
					.transition(all 0.3s);

					a {
						background: transparent;
						color     : var(--color);
						border    : 1px solid var(--color);

						.variation-color {
							opacity: 0.85;
						}
					}
				}
			}

			&.custom-filter-layered {
				li {
					a {
						.variation-color {
							display  : block;
							font-size: 0;
						}
					}
				}
			}

			&.woocommerce-widget-layered-nav-list-pa_size {
				.sidebar & {
					padding-top   : 12px;
					padding-bottom: 20px;
				}
			}

			&.woocommerce-widget-layered-nav-list-pa_color {
				>li {
					display: block;
					margin : 0;
					padding: 0;

					&:hover,
					&.chosen {
						color: var(--color);

						.style-color {
							border: 1px solid var(--color);
						}

						.name-color {
							color: var(--color);
						}
					}

					a {
						width      : auto;
						height     : auto;
						border     : 0;
						line-height: normal;
						padding    : 8px 0;

						.style-color {
							width           : 16px;
							height          : 16px;
							border          : 1px solid #dfdfdf;
							float           : left;
							margin-right    : 10px;
							border-radius   : 50%;
							padding         : 2px;
							background-color: #fff;

							.variation-color {
								width        : 100%;
								height       : 100%;
								border-radius: 50%;
							}
						}

						.name-color {
							font-size: 14px;
							color    : #777;
						}
					}
				}
			}
		}
	}
}

.sw-filter-accordion {
	float: left;

	h4 {
		float         : left;
		text-transform: uppercase;
		font-size     : 12px;
		color         : @body-color;
		margin-right  : 20px;
		line-height   : 34px;
	}

	.sw-filter-above-shop {
		float  : left;
		display: block !important;

		.filter-content {
			display  : block;
			padding  : 0;
			margin   : 0;
			min-width: 680px;
			border   : 0;
			overflow : visible;
			
			a.clear-all {
				display: none;
			}

			.widget {
				width   : 19%;
				padding : 0;
				position: relative;
				margin: 0;

				&.open {
					.block-title-widget h2 {
						color: var(--color);

						&:after {
							content: '\f106';
						}
					}

					.widget-inner {

						>ul,
						>form {
							opacity   : 1;
							visibility: visible;
						}
					}
				}

				&.widget_price_filter .widget-inner {
					>form {
						min-width: 350px;
					}
				}

				.block-title-widget h2 {
					position: relative;
					cursor  : pointer;

					&:hover {
						color: var(--color);
					}

					&:after {
						content    : '\f107';
						font-family: 'Font Awesome 5 Free';font-weight:900;
						margin-left: 10px;
					}
				}

				&:first-child {
					width: 24%;
				}

				.widget-inner {

					>ul,
					>form {
						display         : block;
						position        : absolute;
						min-width       : 250px;
						background-color: #fff;
						top             : 40px;
						left            : 0;
						z-index         : 9;
						text-align      : left;
						.box-shadow(0 0 5px #999);
						opacity   : 0;
						visibility: hidden;
						.transition(all 0.3s);
						padding: 20px;
					}

					>.woocommerce-widget-layered-nav-list-pa_size {
						min-width: 320px;
					}
				}
			}
		}
	}
}

.sw-filter-above-shop {
	&.sticky-filter {
		position        : fixed;
		width           : 350px;
		height          : 100%;
		background-color: #fff;
		top             : 0;
		left            : 0;
		z-index         : 999;
		border-radius   : 0;
		display         : none;

		.filter-content {
			padding : 20px 30px 30px;
			display : block;
			border  : 0;
			overflow: visible;
			width   : 100%;
			margin  : 0;

			.widget {
				float  : none;
				width  : 100%;
				padding: 0;
			}
		}

		&.open {
			display: block;

			.filter-content {
				max-height: 900px;
				overflow-y: scroll;
			}
		}

		.filter-top {
			padding : 30px 30px 0px;
			overflow: hidden;

			h4 {
				float         : left;
				font-size     : 14px;
				color         : #000;
				font-weight   : 700;
				text-transform: uppercase;
			}

			a {
				float          : right;
				display        : inline-block;
				height         : 12px;
				width          : 12px;
				background-size: cover;
				background     : url('../assets/img/close.svg') no-repeat center center;

				&:hover {
					background-size: cover;
					background     : url(@{url}/close.svg) no-repeat center center;
				}
			}
		}

		.filter-content .clear-all {
			display: block;
			float  : none !important;
		}
	}

	.filter-content {
		border       : 1px @border-color solid;
		margin-bottom: 30px;
		margin-top   : -10px;
		overflow     : hidden;
		padding      : 28px 15px 55px;
		position:relative;
		.clear-all {
			height          : 40px;
			background-color: var(--color);
			padding         : 0 34px;
			color           : #fff;
			text-transform  : uppercase;
			font-size       : 14px;
			color           : #fff;
			line-height     : 40px;
			margin-top      : 20px;
			display         : inline-block;
			float           : right;
			text-align      : center;
			font-weight     : 700;
			position:absolute;
			right:30px;
			bottom:15px;
			&:hover {
				background-color: var(--darken5);
			}
		}

		.widget {
			width  : 20%;
			float  : left;
			padding: 0 25px 0 15px;
			border : 0; margin:0 0 30px;
			@media(max-width: 991px){
				width:50%;
			}
			.block-title-widget {
				h2 {
					font-size     : 14px;
					text-transform: capitalize;
					color         : @body-color;
					border-bottom : 0;
					font-weight   : 700;
					margin-bottom : 10px;
					padding       : 10px 0;
				}
			}

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

				li {
					position: relative;
					padding : 7px 0 7px 0px;

					a {
						//display: block;
					}
				}
			}

			&.widget_price_filter .price_slider_wrapper {
				padding: 0;
			}

			&.widget_product_categories {
				ul.product-categories {
					>li {
						padding: 0;

						>a {
							font-size  : 14px;
							color      : #777;
							border     : 0;
							display    : block;
							line-height: normal;
							padding    : 8px 0;
							position   : relative;						
						}
						&:hover, &.active, &.current-cat {
							> a{
								color: var(--color);
							}
						}

						&.showMore>a {
							border-bottom: 0;
							color        : #0066c0;
							position     : relative;
							cursor       : pointer;

							&:before {
								content     : '\f107';
								font-family : 'Font Awesome 5 Free';font-weight:900 !important;
								margin-right: 10px;
							}

							&:hover {
								color: var(--color);
							}
						}
					}
				}
			}

			&.sw_brand_filter {
				.block-title-widget h2 {
					margin-bottom: 0;
				}

				ul {
					li {
						padding: 3px 0;

						a {
							font-size   : 14px;
							color       : #777;
							padding-left: 30px;
							position    : relative;

							&:before {
								content       : "\f00c";
								font-family   : 'Font Awesome 5 Free';font-weight:900;
								border        : 1px #ddd solid;
								width         : 16px;
								height        : 16px;
								line-height   : 16px;
								text-align    : center;
								display       : inline-block;
								vertical-align: top;
								color         : @body-color;
								background    : #fff;
								font-size     : 0;
								margin-right  : 13px;
								.transition(all 0.3s);
								left    : 0;
								top     : 0;
								position: absolute;
							}
						}

						&.active,
						&:hover {
							a {
								color: var(--color);
								.transition(all 0.3s);

								&:before {
									font-size : 12px;
									background: var(--color);
									border    : var(--color);
									color     : #fff;
									.transition(all 0.3s);
								}
							}
						}
					}
				}
			}

			.tagcloud {
				position: relative;
				margin  : 0 -3px;

				a {
					padding      : 6px 10px 6px;
					border-radius: 3px;
					border       : 1px solid #e8e8e8;
					color        : #999;
					font-size    : 12px !important;
					margin       : 0 3px 8px;
					display      : inline-block;
					line-height  : normal;

					&:hover {
						color           : #ffffff;
						background-color: var(--color);
						border          : 1px solid var(--color);
					}
				}
			}
		}
	}
}

#sw-groups {
	background   : #fff;
	border-radius: 4px 0 0 4px;
	z-index      : 99;
	.box-shadow(-2px 0px 8px 0px @border-color);

	&.left {
		border-radius: 0 4px 4px 0;
	}

	>a {
		color        : @body-color;
		height       : 42px;
		border-bottom: none;
		position     : relative;
		.transition(all 0.3s);

		&:before {
			content   : "";
			width     : 60%;
			height    : 1px;
			left      : 20%;
			right     : 20%;
			background: #ededed;
			position  : absolute;
			bottom    : 0;
			display   : block;
		}

		span {
			color     : #fff;
			background: var(--color);
		}

		&:hover {
			color     : #fff;
			background: var(--color);

			&:before {
				display: none;
			}
		}

		i.fa {
			font-size: 16px;
		}
	}

	.sticky-categories {
		i.fa {
			&:before {
				content      : "";
				width        : 18px;
				height       : 2px;
				background   : @body-color;
				display      : block;
				margin-bottom: 3px;
			}

			&:after {
				content   : "";
				width     : 10px;
				height    : 2px;
				background: @body-color;
				display   : block;
				float     : right;
			}
		}

		&:hover {
			i.fa {

				&:before,
				&:after {
					background: #fff;
				}
			}
		}
	}

	.sticky-mycart {
		background     : url(../assets/img/shop-bag.svg) no-repeat center;
		background-size: 18px;

		&:hover {
			background     : url(../assets/img/shop-bag2.svg) no-repeat center var(--color);
			background-size: 18px;
		}

		i.fa {
			&:before {
				content: "";
			}
		}
	}

	.sticky-myaccount {
		background     : url(../assets/img/user-left.svg) no-repeat center;
		background-size: 16px;

		&:hover {
			background     : url(../assets/img/user-left-active.svg) no-repeat center var(--color);
			background-size: 16px;
		}

		i.fa {
			&:before {
				content: "";
			}
		}
	}

	.sticky-mysearch {
		background     : url(../assets/img/icon_search24.svg) no-repeat center;
		background-size: 16px;

		&:hover {
			background     : url(../assets/img/icon_search24-hover.svg) no-repeat center var(--color);
			background-size: 16px;
		}

		i.fa {
			&:before {
				content: "";
			}
		}
	}

	.sticky-recent {
		background     : url(../assets/img/time-left.svg) no-repeat center;
		background-size: 16px;

		&:hover {
			background     : url(../assets/img/time-left-active.svg) no-repeat center var(--color);
			background-size: 16px;
		}

		i.fa {
			background: transparent;
		}
	}

	.sticky-backtop {
		&:before {
			width: 0;
		}

		i.fa {
			&:before {
				font-size: 18px;
			}
		}
	}

	.popup .popup-header {
		background: var(--color);
	}

	.popup-categories {
		.popup-header {
			span {
				i.fa {
					display       : inline-block;
					vertical-align: middle;

					&:before {
						content      : "";
						width        : 18px;
						height       : 2px;
						background   : #fff;
						display      : block;
						margin-bottom: 3px;
					}

					&:after {
						content   : "";
						width     : 10px;
						height    : 2px;
						background: #fff;
						display   : block;
						float     : right;
					}
				}
			}
		}
	}

	.popup-mycart {
		.popup-header {
			span {
				i.fa {
					font-size     : 0px;
					display       : inline-block;
					vertical-align: top;

					&:before {
						background     : url(../assets/img/shop-bag2.svg) no-repeat center;
						background-size: 16px;
						width          : 16px;
						height         : 22px;
						display        : block;
					}
				}
			}
		}

		.notification i.info-icon {
			top      : 4px;
			font-size: 18px;
			font-size: 0px;

			&:before {
				background     : url(../assets/img/shop-bag.svg) no-repeat center;
				background-size: 16px;
				display        : block;
			}
		}
	}

	.popup-myaccount {
		.popup-header {
			span {
				i.fa {
					font-size     : 0px;
					display       : inline-block;
					vertical-align: top;

					&:before {
						background     : url(../assets/img/user-left-active.svg) no-repeat center var(--color);
						background-size: 16px;
						width          : 16px;
						height         : 22px;
						display        : block;
					}
				}
			}
		}
	}

	.popup-mysearch {
		.popup-header {
			span {
				i.fa {
					&:before {
						content       : "\ea08";
						font-family   : Nucleo;
						padding-top   : 1px;
						display       : inline-block;
						vertical-align: top;
					}
				}
			}
		}
	}

	.popup-recent {
		.popup-header {
			span {
				i.fa {
					background     : url(../assets/img/time-left-active.svg) no-repeat center var(--color);
					background-size: 16px;
					width          : 16px;
					height         : 16px;
					display        : inline-block;
					vertical-align : top;
					margin-top     : 3px;
				}
			}
		}
	}

	div.nav-secondary {
		li {
			a {
				text-transform: capitalize;

				&:hover {
					color          : var(--color);
					text-decoration: none;
				}
			}

			span {
				&.nav-action i.fa {
					line-height: 40px;
				}
			}
		}
	}

	.form-content .form-box {
		.product-thumb {
			.image {
				.bt-sale {
					background: var(--color);
				}

				a img {
					margin: 0 auto;
				}
			}

			.caption {
				height    : auto;
				max-height: inherit;

				h4 a:hover {
					color          : var(--color);
					text-decoration: none;
				}

				.price {
					color      : var(--color);
					font-weight: 600;

					ins {
						float          : none;
						text-decoration: none;
					}
				}
			}

			.button-group {
				clear: both;

				.add_to_cart_button {
					background: var(--color);
					padding   : 5px 15px 7px 15px;
				}
			}
		}

		#button-search {
			background: var(--color);

			&.loading {
				height    : auto;
				background: transparent;
			}
		}

		a {
			&:hover {
				color: var(--color);

				.account-txt {
					color: var(--color) !important;
				}
			}
		}
	}

	.text-color,
	table tr td.total-price,
	.cart-bottom table tr td.text-right {
		color: var(--color);
	}

	.cart-bottom p>a {
		&.btn-checkout {
			background: var(--color);
		}
	}

	.text-right {
		&.total-price {
			span {
				display       : inline-block;
				vertical-align: top;
				margin-top    : -2px;
			}
		}
	}
}