/**
 * 
 * 21. woocommerce-shrk.scss
 * 
 * Woocommerce extra styling mods and elements styles
 * 
 */


/** 21.01 Header dropdown cart **/
.header-cart {
	ul {
		list-style: none;
	
		&.navbar-nav {
			display: inline-block;
			vertical-align: middle;
			float: none;
			margin: 0;
		}  
	}

	.woo-cart {
		.cart-icon {
			> img {
				display: none;
			}

			&.custom {
				> i {
					display: none;
				}
			}
		}

		svg, img {
			max-height: 30px;
		}
	}
}

header .cart-dropdown {
	@extend %dropdown-hidden;
	display: block;
	position: absolute;
	top: 100%;
	right: 0;
	z-index: 1000;
	width: 420px;
	padding: 25px;
	margin: 0;
	line-height: 1.5em;
	text-align: left;
	list-style: none;
	background-color: $color-lighter-gray;
	background-clip: padding-box;
	border: 0;
	box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);

	a {
		color: $color-darker-gray;
	}

	p, 
	span.loading, 
	span.empty {
		color: $color-dark-gray;
		font-weight: 900;
		font-size: 15px;

		&:last-child {
			margin-bottom: 0;
		}
	}
	
	span.loading, 
	span.empty {
		@extend %uppercase;
		display: block;
		text-align: center;
		margin-bottom: 0;
	}

	
	.button {
		margin-left: 7px;
		@include button();
	}

	.cart-products {
		overflow-y: auto;
		@include custom-scrollbars( 6px );
		padding: 0 6px 0 0;
	}

	.cart-product {
		display: table;
		table-layout: auto;
		width: 100%;
		margin-bottom: 1em;

		.cart-product-image,
		.cart-product-meta, 
		.cart-product-remove {
			display: table-cell;
			vertical-align: middle;
		}

		.cart-product-image {
			width: 1%;

			img {
				width: 75px;
				max-width: 75px;
				margin-right: 15px;
			}
		}

		.cart-product-meta {
			font-weight: 900;
			max-width: 0; // Fix text overflow on long titles
		}

		.cart-product-title {
			word-wrap: break-word;
		}

		.cart-product-remove {
			width: 22px;
		}
		
	}

	.cart-product-price,
	.cart-product-quantity {
		display: inline;
		opacity: 0.8;
	}
	.cart-footer {
		font-weight: 900;
		position: relative;

		a.cart-contents {
			color: $color-dark-gray;			
			display: block;
			text-align: right;
			line-height: 1em;
			margin-bottom: 2em;
		}

		.cart-footer-buttons {
			text-align: right;

			a {
				display: inline-block;
			}

			*:first-child {
				margin-left: 0;
			}
		}

		&:after {
			content: '';
			position: absolute;
			display: block;
			width: 100%;
			height: 15px;
			top: -15px;
			left:0;
			background: -moz-linear-gradient(top,  rgba(247,247,247,0) 0%, $color-lighter-gray 100%); /* FF3.6-15 */
			background: -webkit-linear-gradient(top,  rgba(247,247,247,0) 0%,$color-lighter-gray 100%); /* Chrome10-25,Safari5.1-6 */
			background: linear-gradient(to bottom,  rgba(247,247,247,0) 0%,$color-lighter-gray 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		}

	}

	&.force-show {
		@extend %dropdown-visible;
	}
}

.woo-cart-menu-item:hover .cart-dropdown {
	@extend %dropdown-visible;
}

/* Hide on small screen when woo-cart is in auto-display mode */
body.woo-cart-auto {
	.woo-cart-menu-item:hover .cart-dropdown {
		@include until($bp-xs) {
			display: none;
		}
	}		
}

/** 21.02 WC + Swiper **/
.woocommerce ul.products li.product.swiper-slide, 
.woocommerce-page ul.products li.product.swiper-slide {
	clear: none;
	margin: 0;
}

.products-slider {
	.prev_swipe, .next_swipe {
		top: 29%;
	}
	.prev_swipe {
		left: 0;
	}
	.next_swipe {
		right: 0;
	}
}