//Woocommerce
/**
 * WooCommerce Price Filter
 */

.widget_price_filter {
	.price_slider {
		margin-bottom: 1.5em;
	}

	.price_slider_amount {
		text-align: right;
		line-height: 2.4em;

		.button {
			float: left;
			@extend .primary-btn;
			color:$white;
			

		}
	}

	.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: $color__link;
		box-sizing: border-box;
		margin-top: -.25em;
		opacity: 1;

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

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

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

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

	.ui-slider-horizontal {
		height: .5em;
	}

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

		li{ 

			img{
				width:64px;
				height:64px;

			}
		}
	}

	.product-title{
		@include font-size(1);
		color:$gray-800;
		font-family:$font__serif;
		display:block;
		font-weight:bold;

	}
}

.widget_product_search{

	button[type="submit"]{
		display:none;
	}
}

.products{
	.onsale{
		@extend .onsale;
	}
}

.added_to_cart, 
.woocommerce-LostPassword a{
	@extend .links;
}

//button
.woocommerce{
	ul.products li.product .button, 
	.single_add_to_cart_button,
	button[name="apply_coupon"],
	.checkout-button,
	.button[name="woocommerce_checkout_place_order"],
	.woocommerce-Button {
		@extend .btn;
		@extend .primary-btn;
		border-radius: .25rem;
		margin:1rem 0;
		text-align:center;
	}

	.checkout-button{
		display:block;
	}

	button[name="update_cart"] {
		@extend .btn;
		@extend .secondary-btn;
		border-radius: .25rem;
		margin:1rem 0;
		text-align:center;
	}


}

.woocommerce-pagination{
	ul{
		margin:0;
		padding:0;
		list-style:none;
		text-align:center;

		li{
			display: inline-block;
			vertical-align: middle;
			line-height: normal;
			min-width: 45px;
			height: 45px;
			line-height: 45px;
			text-align: center;
			border:1px solid $gray-300;
			font-weight: 400;
			color:$white;
			
			a{
				color:$gray-600;
				display:block;
			 
			}

			span.current, a:hover{
				display:block;
				background-color:$red;
				color:$white;
			}
		}
	}
}

.woocommerce .woocommerce-ordering{
	margin:0 0 2rem;
	
	@include mq($min-width: 768px) {
		float:right;
		margin:0 0 2rem;
	}
}

.woocommerce ul.products{
	clear:both;
	width:100%
}

.woocommerce .woocommerce-result-count{
	
    line-height: 3.9rem;

    @include mq($min-width: 768px) {
    	float: left;
    }
}
.woocommerce{
	.woocommerce-tabs{
		
		padding:2rem;
		margin:3rem 0;
		border-top:3px solid $gray-200;
		
		ul.tabs li {
			display:inline-block;
			a{
				
				padding:.5rem 2rem;
				border-radius:5rem;
				font-weight:bold;
				text-align:center;
			}

			&.active, &:visited{
				background-color:$red;
				border-radius:5rem;

				&:visited,a{
					color:$white;
				}

			}
		}
	}
}



//message

.woocommerce {
	.woocommerce-message, 
	.woocommerce-info, 
	.woocommerce-error, 
	.woocommerce-noreviews, 
	p.no-comments{
		background-color:$gray-800;
		padding:1rem;
		@include box-shadow (0px, 3px, 6px, rgba(0, 0, 0, 0.23));
		width:100%;
		margin:0;
		list-style:none;
		color:$gray-300;
		margin-bottom:3rem;


	}
}

//cart

table.cart .product-thumbnail img {
    margin: 0 auto;
    max-width: 3.706325903em;
    height: auto;
}

table.shop_table_responsive .product-thumbnail img {
    width: 130px;
}

//checkout
.woocommerce .col-1, .woocommerce .col-2 {
    max-width: none;
    padding: 0;
}

.woocommerce .col-1 .form-row, .woocommerce .col-2 .form-row {
    display: block;
}
.page-template-default .col2-set {
	@include mq($min-width: 768px) {
	    width: 47.8260869565%;
	    float: left;
	    margin-right: 4.347826087%;
	}
}

.page-template-default #order_review, .page-template-default #order_review_heading {
	@include mq($min-width: 768px) {
	    width: 47.8260869565%;
	    float: right;
	    margin-right: 0;
	    clear: right;
	}
}

.select2-container--default .select2-selection--single{}
.woocommerce {
	.form-row.woocommerce-invalid input.input-text{
		box-shadow: inset 2px 0 0 rgba($red, 1);
	}

	.form-row.woocommerce-validated input.input-text{
		box-shadow: inset 2px 0 0 rgba($blue, 1);
	}

}



//My account
.woocommerce-form__label-for-checkbox{
	vertical-align: middle;
    line-height: 68px;
    margin-left: 20px;
    }



 //Ratings
 .woocommerce p.stars a:before,
 .woocommerce p.stars a:hover ~ a:before,
 .woocommerce p.stars.selected a.active ~ a:before{
 	color:$red;
 }


//My Account

.woocommerce-MyAccount-navigation{
	ul{
		list-style:none;
		padding:0;
		margin:0;

		li{
			padding:1rem 0;
			border-bottom:1px solid $gray-200;
			
		}

		a{
			@extend .links;
			padding-left:1.5rem;
			color:$gray-700;

			&:hover,
			&:visited{
				color:$red;
			}

			&:before{
				content:'';
				position:absolute;
				left:0;
				top:0;
				font-family: 'Font Awesome 5 Free';
				line-height: 1.5;

			}
		}

		.woocommerce-MyAccount-navigation-link--dashboard{
			a{
				&:before{
					content:'\f3fd';
			}
		}
	}

		.woocommerce-MyAccount-navigation-link--orders{
			a{
				&:before{
					content:'\f07a';
				}
			}
		}

		.woocommerce-MyAccount-navigation-link--downloads{
			a{
				&:before{
					content:'\f019';
				}
			}
		}

		.woocommerce-MyAccount-navigation-link--edit-address{
			a{
				&:before{
					content:'\f2bb';
				}
			}
		}

		.woocommerce-MyAccount-navigation-link--edit-account{
			a{
				&:before{
					content:'\f2bd';
				}
			}
		}

		.woocommerce-MyAccount-navigation-link--customer-logout{
			a{
				&:before{
					content:'\f2f5';
				}
			}
		}
	}

}

.woocommerce-MyAccount-content{
	padding:2rem 0;
}