@import "mixins";

.woocommerce-products-header {
	display: none;
}

.woocommerce-cart table.cart td.actions .coupon .input-text {
	font-size: 12px !important;
	&:extend(.text-italic);
	width: auto;
	padding: 25.5px 50px !important;
	height: 53px !important;
}

.woocommerce form select#product_per_page,
.woocommerce form select.orderby {
	height: 50px;
	line-height: 50px;
}

/*Button, input submit*/
.woocommerce.widget_price_filter .price_slider_wrapper .price_slider_amount .button,
.widget_product_search .woocommerce-product-search input[type="submit"],
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt,
.woocommerce input.button {
	font-size: 12px !important;
	padding: 6.5px 45px !important;
	line-height: 40px !important;
	&:extend(.uppercase);
	&:extend(.fw-normal);
	.transition(all .3s);
	color: @background_color;
	background-color: @heading_color;
	border-color: @heading_color;
	&:hover {
		background-color: @accent_color !important;
		color: #fff !important;
		border-color: @accent_color;
	}
	&.disabled,
	&:disabled[disabled] {
		opacity: 0.7;
		color: @background_color;
		background-color: @heading_color;
		border-color: @heading_color;
	}
}

.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button {
	padding: 11px 33px;
	font-size: 12px;
	line-height: 20px;
	color: #333333;
	border-color: #dad8da;
	&:extend(.uppercase);
	&:hover {
		background-color: @accent_color !important;
		color: #fff !important;
	}
	
}

@media (max-width: 599px) {
	.woocommerce-cart table.cart td.actions .coupon .input-text {
		padding: 25.5px 10px !important;
	}
	
	/*Button, input submit*/
	.woocommerce.widget_price_filter .price_slider_wrapper .price_slider_amount .button,
	.widget_product_search .woocommerce-product-search input[type="submit"],
	.woocommerce a.button.alt,
	.woocommerce button.button.alt,
	.woocommerce input.button.alt,
	.woocommerce input.button {
		padding: 6.5px 10px !important;
	}
	
	.woocommerce #respond input#submit,
	.woocommerce a.button,
	.woocommerce button.button {
		padding: 11px 10px !important;
	}
}

.woocommerce-info {
	.border-radius(5px);
	border: none;
	margin-bottom: 15px;
	&:before {
		display: none;
	}
}

.woocommerce-error,
.woocommerce-info,
.woocommerce-message {
	&:extend(.text-italic);
	color: #999;
	li {
		padding-left: 10px !important;
	}
	
}

/*product archive*/
// Product sale count down
.product-deal-countdown {
	position: absolute;
	top: 40%;
	font-size: 0;
	left: 0;
	right: 0;
	margin: auto;
	text-align: center;
	z-index: 6;
	.transition(all 0.5s);
	opacity: 1;
	transition-delay: 0.15s;
	.countdown-section {
		position: relative;
		display: inline-block;
		.border-radius(4px);
		text-align: center;
		width: 48px;
		height: 48px;
		padding-top: 9px;
		background-color: #333;
		color: #fff;
		+ .countdown-section {
			margin-left: 10px;
		}
	}
	.countdown {
		padding-top: 4px;
		position: absolute;
		top: 50%;
		left: 50%;
		.transform(translate(-50%, -50%));
	}
	.countdown-amount {
		display: block;
		font-size: 15px;
		font-weight: 700;
		line-height: 1;
	}
	.countdown-period {
		display: block;
		font-size: 12px;
	}
	&.small {
		.countdown-section {
			width: 40px;
			height: 40px;
			padding-top: 5px;
		}
	}
}

.summary-product .product-deal-countdown {
	text-align: left;
	position: static;
	margin-bottom: 20px;
	.deal-heading {
		font-size: 14px;
		font-weight: 800;
		text-transform: uppercase;
		color: @heading_color;
		display: block;
		margin-bottom: 10px;
	}
	.countdown-section {
		background-color: @heading_color;
		& when (lightness(@heading_color) < 50) {
			color: #fff;
		}
		& when (lightness(@heading_color) >= 50) {
			color: #333;
		}
	}
}

/*--------Catalog Filter------*/
.gsf-catalog-filter {
	margin-bottom: 60px;
	[class*="gf-table-cell-"] > .gf-inline > li + li {
		margin-left: 30px;
	}
	.gsf-catalog-filter-filter {
		font-size: 15px;
		&:hover {
			color: @text_hover_color;
		}
	}
}

.woocommerce ul.gf-shop-switch-layout {
	font-size: 18px;
	margin-bottom: 0;
	&:after,
	&:before {
		display: none;
	}
}

.woocommerce .woocommerce-ordering,
.woocommerce .woocommerce-result-count {
	float: none;
	margin: 0;
}

.woocommerce .woocommerce-ordering {
	margin-left: 15px;
}

.woocommerce .woocommerce-result-count {
	font-size: 18px;
	font-weight: 700;
}

.woocommerce {
	.woocommerce-ordering,
	.woocommerce-page-size {
		select {
			border: none;
			.border-radius(0);
			background-color: #f7f7f7;
			font-size: 14px;
		}
	}
}

.gsf-catalog-filter .gf-table-cell-right > * {
	display: inline-block;
	vertical-align: middle;
}

.gf-toggle-filter {
	font-weight: 800;
	.transition(all 0.3s);
	cursor: pointer;
	max-width: 60px;
	span {
		position: relative;
		top: 0px;
		padding-left: 2px;
	}
}

@media (max-width: 550px) {
	.gsf-catalog-filter {
		[class*="gf-table-cell-"] > .gf-inline > li + li {
			margin-left: 10px;
		}
		[class*="gf-table-cell-"] > .gf-inline li {
			display: block;
			margin-top: 8px;
			margin-left: 10px;
			form {
				margin-left: 0;
			}
		}
	}
}

/**
* Product Thumb
* ----------------------------------------------------------------------------
*/
.woocommerce .entry-thumbnail-overlay:after {
	display: none;
}

.product-thumb {
	position: relative;
	margin-bottom: 18px;
	img {
		width: 100% !important;
	}
}

.product-thumb-secondary {
	position: absolute;
	margin: auto;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	opacity: 0;
	z-index: 1;
	.transition(all .2s linear);
}

.product-images-hover {
	position: relative;
	&.flip-back {
		-webkit-transform-style: preserve-3d;
		-moz-transform-style: preserve-3d;
		-ms-transform-style: preserve-3d;
		transform-style: preserve-3d;
		
		-webkit-transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
		-moz-transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
		-ms-transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
		-o-transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
		transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
		
		.product-thumb-primary {
			display: block;
			-webkit-backface-visibility: hidden;
			-moz-backface-visibility: hidden;
			-ms-backface-visibility: hidden;
			position: relative;
			z-index: 0;
		}
		
		.product-thumb-secondary {
			display: block;
			-webkit-transform: rotateY(180deg);
			-moz-transform: rotateY(180deg);
			-ms-transform: rotateY(180deg);
			transform: rotateY(180deg);
			opacity: 1;
		}
	}
}

.product-item-inner:hover,
.product-item-wrap.active {
	.product-thumb {
		&:before {
			opacity: 0.9;
		}
		
	}
	.product-deal-countdown {
		.transform(translateY(20px));
		opacity: 0;
	}
	.product-images-hover {
		&.change-image {
			.product-thumb-secondary {
				opacity: 1;
			}
		}
		&.flip-back {
			-webkit-transform: rotateY(180deg);
			-moz-transform: rotateY(180deg);
			-ms-transform: rotateY(180deg);
			transform: rotateY(180deg);
		}
	}
	.product-actions {
		opacity: 1;
		.compare,
		.product-action-item,
		.add_to_cart_button,
		.product_type_grouped,
		.product_type_external,
		.added_to_cart,
		.product_type_variable,
		.product-quick-view,
		.add_to_wishlist,
		.yith-wcwl-wishlistaddedbrowse a,
		.yith-wcwl-wishlistexistsbrowse a,
		.product_out_of_stock {
			transform: translateY(0);
			visibility: visible;
			opacity: 1;
		}
	}
}

/**
* Sale Flash
* ----------------------------------------------------------------------------
*/
.product-flash {
	font-size: 14px;
	color: @foreground_accent_color;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	font-weight: bold;
	background-color: @accent_color;
	height: 20px;
	line-height: 22px;
	padding-left: 8px;
	padding-right: 6px;
	min-width: 55px;
	text-align: center;
	position: absolute;
	top: 20px;
	left: 0;
	z-index: 3;
}

.on-sale {
	+ .on-new,
	+ .on-featured {
		top: 50px;
	}
	background-color: #fbd64a;
	+ .on-featured + .on-new {
		top: 80px;
	}
}

.on-featured + .on-new {
	top: 50px;
}

.on-new {
	background-color: #84d8e3;
}

/**
* Product Actions
* ----------------------------------------------------------------------------
*/
.product-actions {
	position: absolute;
	top: 40%;
	left: 0;
	right: 0;
	height: 39px;
	text-align: center;
	margin: auto;
	z-index: 6;
	font-size: 0;
	a {
		margin-top: 2px !important;
	}
	.product_type_variable:not(.btn_add_to_cart),
	.compare,
	.product-quick-view,
	.add_to_cart_button,
	.added_to_cart,
	.product_type_grouped,
	.product_type_external,
	.add_to_wishlist,
	.yith-wcwl-wishlistaddedbrowse a,
	.yith-wcwl-wishlistexistsbrowse a,
	.product_out_of_stock {
		width: 39px;
		height: 39px;
		line-height: 39px !important;
		text-align: center;
		background-color: #fff;
		color: #000 !important;
		display: inline-block;
		padding: 0;
		position: relative;
		.border-radius(50%) !important;
		font-size: 0;
		min-width: 0;
		vertical-align: middle;
		.gsf-link;
		.transform(translateY(20px));
		opacity: 0;
		visibility: hidden;
		&:before, i {
			font-family: 'FontAwesome';
			font-size: 15px;
			width: 39px;
			display: block;
		}
		&:hover,
		&.active {
			background-color: @accent_color;
			&:before, i {
				color: #fff !important;
			}
			
		}
		i {
			line-height: 39px;
		}
	}
	.product-action-item,
	.yith-wcwl-add-to-wishlist {
		width: 39px;
		height: 39px;
		line-height: 39px !important;
		display: inline-block;
		margin-left: 2px;
	}
	// Wishlist
	.yith-wcwl-add-to-wishlist {
		margin-right: 2px;
		margin-top: 0;
		img {
			display: none !important;
		}
		+ div.clear {
			display: none;
		}
		.add_to_wishlist {
			&:before {
				content: '\f08a';
			}
		}
		.yith-wcwl-add-button {
			line-height: 1;
		}
		.yith-wcwl-wishlistaddedbrowse,
		.yith-wcwl-wishlistexistsbrowse {
			line-height: 1;
			a:before {
				font-family: 'FontAwesome';
				font-size: 15px;
				content: '\f004';
				color: @accent_color;
			}
		}
	}
	.add_to_cart_button:before {
		content: '\f217';
	}
	.product_out_of_stock:before {
		content: '\f070';
	}
	.added_to_cart:before {
		color: @accent_color;
		content: '\f07a';
	}
	.added_to_cart {
		i {
			display: none;
		}
	}
	.add_to_cart_button,
	.added_to_cart,
	.product_type_grouped,
	.product_type_external,
	.product_type_variable,
	.product_out_of_stock {
		-webkit-transition: color 0.5s 0.001s ease-out, background 0.3s 0.001s ease-out, visibility 0.5s .25s ease-out, opacity 0.5s .25s ease-out, -webkit-transform 0.5s .55s ease-out;
		-moz-transition: color 0.5s 0.001s ease-out, background 0.3s 0.001s ease-out, visibility 0.5s .25s ease-out, opacity 0.5s .25s ease-out, -moz-transform 0.5s .55s ease-out;
		-ms-transition: color 0.5s 0.001s ease-out, background 0.3s 0.001s ease-out, visibility 0.5s .25s ease-out, opacity 0.5s .25s ease-out, -ms-transform 0.5s .55s ease-out;
		-o-transition: color 0.5s 0.001s ease-out, background 0.3s 0.001s ease-out, visibility 0.5s .25s ease-out, opacity 0.5s .25s ease-out, -o-transform 0.5s .55s ease-out;
		transition: color 0.5s 0.001s ease-out, background 0.3s 0.001s ease-out, visibility 0.5s .25s ease-out, opacity 0.5s .25s ease-out, transform 0.5s .55s ease-out;
	}
	.compare {
		-webkit-transition: color 0.5s 0.001s ease-out, background 0.3s 0.001s ease-out, visibility 0.5s .25s ease-out, opacity 0.5s .25s ease-out, -webkit-transform 0.5s 0.25s ease-out;
		-moz-transition: color 0.5s 0.001s ease-out, background 0.3s 0.001s ease-out, visibility 0.5s .25s ease-out, opacity 0.5s .25s ease-out, -moz-transform 0.5s 0.25s ease-out;
		-ms-transition: color 0.5s 0.001s ease-out, background 0.3s 0.001s ease-out, visibility 0.5s .25s ease-out, opacity 0.5s .25s ease-out, -ms-transform 0.5s 0.25s ease-out;
		-o-transition: color 0.5s 0.001s ease-out, background 0.3s 0.001s ease-out, visibility 0.5s .25s ease-out, opacity 0.5s .25s ease-out, -o-transform 0.5s 0.25s ease-out;
		transition: color 0.5s 0.001s ease-out, background 0.3s 0.001s ease-out, visibility 0.5s .25s ease-out, opacity 0.5s .25s ease-out, transform 0.5s 0.25s ease-out;
		&:before {
			content: '\f021';
		}
	}
	.add_to_wishlist,
	.yith-wcwl-wishlistaddedbrowse a,
	.yith-wcwl-wishlistexistsbrowse a {
		-webkit-transition: color 0.5s 0.001s ease-out, background 0.3s 0.001s ease-out, visibility 0.5s 0.25s ease-out, opacity 0.5s 0.25s ease-out, -webkit-transform 0.5s 0.35s ease-out;
		-moz-transition: color 0.5s 0.001s ease-out, background 0.3s 0.001s ease-out, visibility 0.5s 0.25s ease-out, opacity 0.5s 0.25s ease-out, -moz-transform 0.5s 0.35s ease-out;
		-ms-transition: color 0.5s 0.001s ease-out, background 0.3s 0.001s ease-out, visibility 0.5s 0.25s ease-out, opacity 0.5s 0.25s ease-out, -ms-transform 0.5s 0.35s ease-out;
		-o-transition: color 0.5s 0.001s ease-out, background 0.3s 0.001s ease-out, visibility 0.5s 0.25s ease-out, opacity 0.5s 0.25s ease-out, -o-transform 0.5s 0.35s ease-out;
		transition: color 0.5s 0.001s ease-out, background 0.3s 0.001s ease-out, visibility 0.5s 0.25s ease-out, opacity 0.5s 0.25s ease-out, transform 0.5s 0.35s ease-out;
	}
	.product-quick-view {
		-webkit-transition: color 0.5s 0.001s ease-out, background 0.3s 0.001s ease-out, visibility 0.5s 0.25s ease-out, opacity 0.5s 0.25s ease-out, -webkit-transform 0.5s 0.45s ease-out;
		-moz-transition: color 0.5s 0.001s ease-out, background 0.3s 0.001s ease-out, visibility 0.5s 0.25s ease-out, opacity 0.5s 0.25s ease-out, -moz-transform 0.5s 0.45s ease-out;
		-ms-transition: color 0.5s 0.001s ease-out, background 0.3s 0.001s ease-out, visibility 0.5s 0.25s ease-out, opacity 0.5s 0.25s ease-out, -ms-transform 0.5s 0.45s ease-out;
		-o-transition: color 0.5s 0.001s ease-out, background 0.3s 0.001s ease-out, visibility 0.5s 0.25s ease-out, opacity 0.5s 0.25s ease-out, -o-transform 0.5s 0.45s ease-out;
		transition: color 0.5s 0.001s ease-out, background 0.3s 0.001s ease-out, visibility 0.5s 0.25s ease-out, opacity 0.5s 0.25s ease-out, transform 0.5s 0.45s ease-out;
	}
}

/**
* Add To Cart Button
* ----------------------------------------------------------------------------
*/
.woocommerce a.product_type_external,
.woocommerce a.product_type_grouped,
.woocommerce a.product_type_variable {
	&:before {
		content: '\f133';
		font-family: 'FontAwesome';
		font-size: 15px;
	}
}

.woocommerce a.add_to_cart_button.loading {
	&:after {
		display: none;
	}
	&:before {
		display: inline-block;
		-webkit-animation: spin 2s linear infinite;
		-moz-animation: spin 2s linear infinite;
		animation: spin 2s linear infinite;
		content: '\f110';
		font-family: 'FontAwesome';
	}
}

.woocommerce a.add_to_cart_button.added {
	display: none;
}

/**
* Product Price
* ----------------------------------------------------------------------------
*/
.woocommerce .product p.price,
.woocommerce .product span.price,
.woocommerce div.product p.price,
.woocommerce div.product span.price {
	font-size: 14px;
	font-family: @h1_font;
	color: #7d7c7c;
	ins {
		text-decoration: none;
	}
	del {
		margin-right: 5px;
		text-decoration: line-through;
		font-weight: normal;
		opacity: 0.8;
		color: @disable_color;
	}
}

/* Price Filter*/
.woocommerce .widget_price_filter .price_slider_wrapper {
	.price_slider_amount {
		.button {
			padding: 3px 40px !important;
		}
	}
	.ui-widget-content {
		height: 5px;
		background-color: #eeeff0;
		.ui-slider-range,
		.ui-slider-handle {
			background-color: @accent_color;
		}
		.ui-slider-handle {
			height: 14px;
			width: 14px;
		}
	}
	
}

.widget_product_search .woocommerce-product-search {
	position: relative;
	input[type="search"] {
		height: 53px !important;
		width: 100%;
		padding-right: 80px !important;
	}
	input[type="submit"] {
		position: absolute;
		top: 0;
		right: 0;
		height: 100%;
		padding: 0 12px !important;
		.border-radiuses(4px, 4px, 0, 0) !important;
	}
	
}

/**
* star-rating
* ----------------------------------------------------------------------------
*/
.woocommerce .products .star-rating,
.woocommerce .star-rating {
	font-size: 12px;
	width: 70px;
	margin: 10px auto 0;
	&:before {
		color: @disable_color;
	}
	span {
		color: #f5cc26;
	}
}

/**
* product name
 */
.product-name {
	a {
		.transition(all 0.3s);
	}
}

/*Product Quick View*/
// quick view popup-close
.popup-close {
	width: 30px;
	height: 30px;
	text-align: center;
	line-height: 30px;
	color: @disable_color;
	.transition(all 0.3s);
	position: absolute;
	
	top: 0;
	right: 0;
	z-index: 1;
	&:hover {
		color: @accent_color;
		text-decoration: none !important;
	}
}

/**
* Product cat
 */
.product-cat {
	text-transform: uppercase;
	font-size: 12px;
	color: @disable_color;
	font-weight: 800;
}

.product-info + .compare {
	display: none !important;
}

.product-category {
	a:hover, a:focus {
		.woocommerce-loop-category__title {
			color: @text_hover_color;
		}
	}
	.woocommerce-loop-category__title {
		color: @text_color;
	}
}

// Layout Grid
.layout-grid {
	.product-category {
		.product-name {
			margin-bottom: 2px;
		}
		a {
			img {
				width: 100%;
			}
			.gsf-link;
			.transition(all 0.3s);
		}
		.woocommerce-loop-category__title {
			font-size: 16px;
			font-weight: 400;
			margin-top: 22px;
			margin-bottom: 0;
			text-align: center;
			mark {
				color: inherit;
				background-color: transparent;
			}
		}
	}
	.product-info {
		text-align: center;
	}
	.rating-count {
		display: none;
	}
	.product-description,
	.product-list-actions {
		display: none;
	}
}

// layout default
.product-item-inner {
	margin-bottom: 50px;
	position: relative;
	.product-thumb {
		margin-bottom: 0;
		&:before {
			content: '';
			position: absolute;
			width: 100%;
			height: 100%;
			top: 0;
			left: 0;
			background-color: #f1f1f1;
			z-index: 2;
			opacity: 0;
			.transition(all .3s);
		}
	}
	.product-info {
		margin-top: 20px;
		
	}
}

/**
* Single Product
*/
.single-product-info {
	.single-product-image {
		.single-product-image-main {
			img {
				width: 100%;
			}
			position: relative;
			&:before {
				content: '';
				display: block;
				position: absolute;
				left: 0;
				top: 0;
				width: 100%;
				height: 100%;
				background-color: rgba(0, 0, 0, 0.3);
				.transition(all .3s);
				opacity: 0;
			}
			&:hover {
				&:before {
					opacity: 1;
				}
				a {
					opacity: 1;
				}
			}
		}
		.single-product-image-thumb {
			.product-image-thumb-item {
				cursor: pointer;
				position: relative;
				&:before {
					content: '';
					position: absolute;
					z-index: 1;
					top: 0;
					left: 0;
					right: 0;
					bottom: 0;
					opacity: 0;
					.transition(all .3s);
					background-color: #000;
				}
				&:hover,
				&:active {
					&:before {
						opacity: 0.4;
					}
				}
			}
		}
	}
	.product-flash {
		left: 15px;
	}
	.summary-product {
		.product_title {
			&:extend(.fs-24);
			line-height: 1.67;
			&:extend(.letter-spacing-03);
			margin-top: 0;
			margin-bottom: 5px;
			&:extend(.uppercase);
		}
		.product-rating {
			.star-rating {
				float: left !important;
				margin-right: 60px;
				&:extend(.fs-15);
				width: 85px;
				margin-top: 5px;
			}
			.rating-count {
				&:extend(.fs-14);
				color: #999;
				> a {
					.gsf-link;
					text-decoration: underline;
				}
			}
		}
		.price {
			margin-top: 15px;
			&:extend(.heading_font);
			&:extend(.fs-20);
		}
		.woocommerce-product-details__short-description {
			p {
				margin-bottom: 0
			}
			margin-bottom: 40px;
		}
		form.cart {
			margin-bottom: 40px !important;
			.quantity,
			button.single_add_to_cart_button.button.alt {
				margin-top: 5px !important;
			}
		}
		.product_meta {
			margin-bottom: 40px;
			.sku_wrapper,
			.posted_in {
				display: block;
				&:extend(.uppercase);
				&:extend(.heading_font);
				&:extend(.fw-medium);
				a {
					.gsf-link;
					text-transform: none;
				}
				.sku, a {
					margin-left: 20px;
					&:extend(.body-font);
					&:extend(.fw-normal);
				}
			}
		}
		
		table.variations,
		table.group_table {
			margin-bottom: 5px !important;
			td {
				width: 50%;
				padding-bottom: 10px;
				vertical-align: top;
				a {
					.gsf-link;
				}
			}
			td.value {
				width: 84%;
			}
			td.price {
				&:extend(.fs-14);
			}
			label {
				&:extend(.fs-15);
				&:extend(.uppercase);
				color: @text_color;
				&:extend(.fw-medium);
				&:extend(.heading_font);
			}
			.reset_variations {
				display: none !important;
			}
		}
		.stock {
			margin-bottom: 0;
		}
		
	}
}

.quantity {
	margin-right: 15px !important;
	.quantity-inner {
		display: inline-block;
		position: relative;
		input[type=text].qty {
			height: 53px;
			padding: 0 45px;
			&:extend(.fw-bold);
			width: auto !important;
		}
		a {
			cursor: pointer;
			position: absolute;
			z-index: 1;
			top: 50%;
			.transform(translateY(-50%));
			&:extend(.fs-12);
			&.fa-minus {
				left: 30px;
			}
			&.fa-plus {
				right: 30px;
			}
		}
	}
	
}

.quick-view-product-image {
	.quantity {
		.quantity-inner {
			input[type=text] {
				background-color: #f9f9f9 !important;
				color: #555 !important;
			}
			a {
				color: #a3a3a3;
				&:hover {
					color: @text_hover_color !important;
				}
			}
		}
	}
	.product_meta {
		span a {
			&:hover {
				color: @text_hover_color !important;
			}
		}
	}
	button.button.alt {
		color: #fff;
		background-color: #333;
		&:hover {
			background-color: @accent_color !important;
		}
		&.disabled,
		&:disabled[disabled] {
			opacity: 0.7;
		}
	}
	
}

.woocommerce-tabs {
	margin-top: 60px;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li:after,
.woocommerce div.product .woocommerce-tabs ul.tabs li:before,
.woocommerce div.product .woocommerce-tabs ul.tabs:before {
	display: none;
}

.woocommerce div.product .woocommerce-tabs {
	ul.tabs {
		& when (lightness(@background_color) < 50) {
			background-color: #353535 !important;
		}
		& when (lightness(@background_color) >= 50) {
			background-color: #f9f9f9 !important;
		}
		padding: 0;
		.border-radius(60px);
		li:first-child {
			margin-left: 45px;
			
		}
		li {
			margin-right: 5px !important;
			border: none !important;
			.border-radius(30px);
			padding: 10px 70px;
			background-color: transparent;
			.transition(all .3s);
			a {
				color: @heading_color;
				&:extend(.heading_font);
				&:extend(.fw-normal);
				letter-spacing: 0;
			}
			&:hover, &.active {
				background-color: @accent_color !important;
				a {
					color: #fff !important;
					.transition(all .3s);
				}
			}
			
		}
		
	}
	.panel {
		margin-top: 40px;
		background-color: @background_color;
		border-bottom: none;
		.box-shadow(0 0 0);
		.woocommerce-Reviews {
			span.comment-reply-title, .woocommerce-Reviews-title {
				&:extend(.fs-22);
				margin-top: 0;
				margin-bottom: 30px;
				line-height: 1.3;
			}
			span.comment-reply-title {
				font-weight: 700;
				color: @heading_color;
				font-family: @h1_font;
				margin-bottom: 23px !important;
				display: inline-block;
			}
			.comment-text {
				border: 1px solid @border_color !important;
			}
		}
	}
}

.upsells.products,
.related.products {
	margin-top: 50px;
	h2 {
		margin-top: 0;
		margin-bottom: 40px;
		&:extend(.fs-24);
		
	}
	.product {
		.product-item-inner {
			margin-bottom: 30px;
		}
	}
}

.cross-sells .products {
	margin-top: 30px !important;
	h2 {
		margin-bottom: 0 !important;
	}
}

@media (max-width: 767px) and (min-width: 600px) {
	.woocommerce div.product .woocommerce-tabs {
		ul.tabs {
			li:first-child {
				margin-left: 10px;
			}
			li {
				padding: 10px 40px;
			}
		}
	}
}

@media (max-width: 480px) {
	.woocommerce div.product .woocommerce-tabs {
		ul.tabs {
			.border-radius(0) !important;
			li {
				margin: 0 !important;
				.border-radius(0) !important;
				display: block;
				text-align: center;
			}
		}
	}
}

// shop page
// table : cart,wishlist_table
.woocommerce table.shop_table.cart {
	border: none !important;
	width: 100%;
	tr {
		th:first-child, td:first-child {
			border-top-left-radius: 5px;
		}
		th:last-child, td:last-child {
			border-top-right-radius: 5px;
			padding-right: 50px !important;
		}
		th, td {
			padding: 23px 10px 23px 10px;
			border-bottom: 1px solid;
			border-left: none;
			border-right: none;
			border-top: none;
			
		}
		td {
			padding: 32px 10px 32px 10px;
		}
		th {
			&:extend(.fs-14);
			&:extend(.heading_font);
			color: #fff;
			background-color: @accent_color;
			&:extend(.uppercase);
		}
		td {
			&:extend(.fs-15);
			&:extend(.heading_font);
		}
		
		&:last-child {
			td {
				border-bottom: none;
			}
		}
		th.product-remove {
			padding-left: 25px;
			text-align: center;
		}
		td.product-remove {
			a {
				background-color: transparent !important;
				.border-radius(0) !important;
				&:extend(.fs-16);
				color: #b2b2b2 !important;
				&:extend(.fw-normal);
				margin: auto;
				width: 40px;
				height: 40px;
				.transition(all 0.3s);
				border: 1px solid transparent;
				i {
					line-height: 38px;
				}
				&:hover {
					border: 1px solid red;
					color: red !important;
				}
			}
		}
		td.product-thumbnail {
			min-width: 65px;
			width: 85px;
			a {
				display: inline-block;
				position: relative;
				&:before {
					content: '';
					position: absolute;
					top: 20px;
					left: 20px;
					bottom: 20px;
					right: 20px;
					border: 1px solid rgba(0, 0, 0, 0.4);
					opacity: 0;
					.transition(all .4s);
				}
				&:hover {
					&:before {
						top: 0;
						left: 0;
						bottom: 0;
						right: 0;
						opacity: 1;
					}
				}
			}
		}
		td.product-name {
			&:extend(.fw-bold);
			&:extend(.heading-color);
			&:extend(.uppercase);
			a {
				.gsf-link;
			}
		}
		td.product-price,
		td.product-subtotal {
			&:extend(.fs-16);
			&:extend(.fw-medium);
		}
		td.actions {
			background-color: transparent !important;
		}
	}
}

// shop cart
#add_payment_method table.cart img,
.woocommerce-cart table.cart img,
.woocommerce-checkout table.cart img {
	width: 65px;
}

.woocommerce .cart-collaterals {
	margin-top: 30px;
	.cart_totals {
		border-radius: 5px;
		h2 {
			display: none;
		}
		table {
			padding: 50px 70px;
			border: none;
			td, th {
				border: none !important;
				padding-left: 0;
				padding-right: 0;
				background-color: transparent;
			}
			tr.shipping {
				&:extend(.heading_font);
				&:extend(.heading-color);
			}
			tr.shipping-method {
				td {
					padding-left: 20px;
				}
			}
		}
		.wc-proceed-to-checkout {
			padding: 0 70px 40px;
		}
	}
	.cross-sells {
		h2 {
			margin-top: 0;
			&:extend(.fs-24);
		}
	}
}

@media (max-width: 767px) {
	.woocommerce .cart-collaterals .cart_totals,
	.woocommerce .cart-collaterals .cross-sells,
	.woocommerce .cart-collaterals .shipping_calculator,
	.woocommerce-page .cart-collaterals .cart_totals,
	.woocommerce-page .cart-collaterals .cross-sells,
	.woocommerce-page .cart-collaterals .shipping_calculator {
		width: 100% !important;
	}
	
	.woocommerce .cart-collaterals .cart_totals table tr.shipping-method td {
		padding-left: 0 !important;
	}
	
	.woocommerce-page .cart-collaterals .cross-sells {
		margin-top: 10px;
	}
	
	.woocommerce .cart-collaterals .cart_totals {
		.wc-proceed-to-checkout,
		table {
			padding-left: 40px !important;
			padding-right: 40px !important;
		}
	}
	
	.woocommerce table.shop_table.cart {
		tr td {
			padding: 10px !important;
		}
		tr td.actions {
			.coupon {
				.input-text,
				.button {
					width: 49%;
				}
			}
			
			padding-right: 10px !important;
			
		}
	}
	
}

@media (max-width: 600px) {
	.woocommerce #content table.cart td.actions .coupon .button.alt,
	.woocommerce #content table.cart td.actions .coupon .input-text + .button,
	.woocommerce table.cart td.actions .coupon .button.alt,
	.woocommerce table.cart td.actions .coupon .input-text + .button,
	.woocommerce-page #content table.cart td.actions .coupon .button.alt,
	.woocommerce-page #content table.cart td.actions .coupon .input-text + .button,
	.woocommerce-page table.cart td.actions .coupon .button.alt,
	.woocommerce-page table.cart td.actions .coupon .input-text + .button {
		float: none !important;
		margin-bottom: 2px !important;
		width: 100% !important;
		
	}
	
	.woocommerce-cart table.cart td.actions .coupon .input-text,
	.woocommerce-cart table.cart td.actions .coupon .button {
		margin-bottom: 2px;
		width: 100% !important;
	}
	
	#yith-wcwl-form {
		overflow: auto !important;
	}
}

// wishlist
.wishlist-title {
	display: none;
}

.woocommerce table.shop_table.cart.wishlist_table {
	tr {
		td, th {
			text-align: left;
		}
		td.product-remove {
			width: 85px;
			a {
				&:extend(.fs-26);
				line-height: 40px;
			}
		}
		
	}
	tfoot {
		td {
			border-top: 1px solid @border_color !important;
			border-radius: inherit;
			h4 {
				margin: 0;
			}
		}
		
	}
}

@media (max-width: 992px) {
	#yith-wcwl-form {
		.wishlist_table td.product-add-to-cart a {
			padding: 5px 10px !important;
			line-height: 20px !important;
		}
		.wishlist_table tr th,
		.wishlist_table tr td {
			padding: 20px 10px !important;
		}
	}
	
	.gf-sticky {
		overflow: auto;
	}
}

@media (max-width: 991px) and (min-width: 768px) {
	.woocommerce table.shop_table.woocommerce-checkout-review-order-table {
		thead tr th {
			padding: 20px !important;
		}
		tr {
			td, th {
				padding: 15px 20px !important;
			}
		}
		
	}
}

// check out
// check bill
.woocommerce-checkout-review-order,
.woocommerce-billing-fields {
	margin-top: 60px;
	h5, h3 {
		margin: 0;
	}
	p.heading-top {
		margin-bottom: 7px;
	}
	p.heading-top, h5, h3 {
		&:extend(.uppercase);
	}
	.woocommerce-billing-fields__field-wrapper,
	.woocommerce-checkout-review-order-table {
		margin-top: 20px !important;
	}
	
}

//check shipping
.woocommerce-shipping-fields {
	margin-top: 60px;
	h3 {
		margin: 0;
		&:extend(.fs-18);
		&:extend(.fw-normal);
		label {&:extend(.fw-normal);
			input {
				margin-left: 0px !important;
			}
			span {
				padding-left: 20px !important;
			}
		}
	}
}

// check create an account
.woocommerce-account-fields {
	label {&:extend(.fw-normal);
		input {
			margin: 4px 0 0 0 !important;
		}
		span {
			line-height: 1.3;
			&:extend(.fs-18);
			padding-left: 20px !important;
		}
	}
}

// order review
.woocommerce table.shop_table.woocommerce-checkout-review-order-table {
	margin-bottom: 0;
	border: none;
	&:extend(.fs-14);
	&:extend(.heading_font);
	thead tr {
		th {
			background-color: @heading_color !important;
			color: @background_color;
			&:extend(.uppercase);
			padding: 20px 60px;
		}
		th:first-child {
			border-top-left-radius: 5px;
		}
		th:last-child {
			border-top-right-radius: 5px;
		}
		
	}
	tr {
		td, th {
			padding: 15px 60px;
			border: none;
		}
		td .amount {
			&:extend(.accent-color);
			&:extend(.fs-13);
		}
	}
	tbody tr {
		td:first-child {
			&:extend(.uppercase);
			&:extend(.heading-color);
			&:extend(.fw-bold);
		}
	}
	tbody tr:first-child {
		td, th {
			padding-top: 30px !important;
		}
	}
	tfoot tr {
		th {
			&:extend(.uppercase);
			&:extend(.heading-color);
			&:extend(.fw-bold);
		}
		td {
			&:extend(.fw-normal);
		}
	}
	tr.shipping-method {
		td {
			padding-top: 10px;
			padding-left: 70px;
		}
	}
	tr.order-total {
		th, td {
			position: relative;
			&:before, &:after {
				content: '';
				height: 1px;
				background-color: @border_color;
				position: absolute;
				left: 0;
				right: 0;
			}
			&:before {
				top: 0;
			}
			&:after {
				bottom: 0;
			}
		}
		th:first-child {
			&:before, &:after {
				left: 60px !important;
			}
		}
		td:last-child {
			&:before, &:after {
				right: 60px !important;
			}
		}
		
	}
	
}

.woocommerce-checkout-payment {
	.border-radiuses(0, 5px, 5px, 0) !important;
	ul,
	.place-order {
		padding: 15px 60px 0 !important;
		border: none !important;
	}
	.place-order {
		padding-bottom: 50px !important;
	}
}

.payment_box {
	&:extend(.text-italic);
}

.woocommerce form {
	input[type="text"],
	input[type="password"],
	input[type="tel"],
	input[type="email"],
	select,
	.select2-selection,
	textarea {
		border: none;
		height: 60px;
		line-height: 60px;
		
	}
	.select2-selection {
		span {
			line-height: 60px !important;
			height: 60px !important;
		}
	}
	
}

#customer_login {
	h2 {
		margin-top: 0;
		&:extend(.fs-18);
		padding: 28px 60px;
		.border-radiuses(5px, 0, 0, 5px);
		&:extend(.uppercase);
		background-color: @accent_color;
		color: @foreground_accent_color;
	}
	form.login,
	form.register {
		border: none;
		.border-radius(0);
		padding: 0;
		p {
			padding: 3px 60px;
			input[type="password"],
			input[type="text"],
			input[type="email"] {
				border-radius: 5px !important;
				background-color: @background_color !important;
			}
			input[type="submit"] {
				float: right;
				padding: 6px 55px !important;
			}
			label {
				color: #8d8d8d;
				&:extend(.fw-normal);
				&:extend(.fs-12);
			}
		}
		p.lost_password {
			text-align: right;
		}
	}
	[name="rememberme"] {
		margin-right: 8px;
	}
	.u-column1,
	.u-column2 {
		.border-radius(5px);
	}
}

#popup-product-quick-view-wrapper {
	text-align: center;
	z-index: 99999;
	&:before {
		content: '';
		display: inline-block;
		height: 100%;
		vertical-align: middle;
		width: 0;
	}
	> .modal-dialog {
		display: inline-block;
		vertical-align: middle;
		text-align: left;
		margin-top: 0;
	}
	.product-quickview-navigation {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
	.prev-product,
	.next-product {
		position: absolute;
		top: 50%;
		.transform(translateY(-50%));
		left: 0;
		z-index: 2;
		padding: 10px 0;
		width: 50px;
		font-size: 34px;
		text-align: center;
		.transition(all 0.3s);
		color: #fff;
		opacity: 0.7;
		&:not(.disable) {
			&:hover, &:focus {
				opacity: 1;
			}
		}
	}
	.next-product {
		right: 0;
		left: auto;
	}
	.modal-body {
		padding: 20px 40px;
	}
	+ .modal-backdrop {
		opacity: 0.7;
	}
}
