/* ==========================================================================
# Woocommerce responsive style - begin
========================================================================== */

/* Woocommerce product list - begin
========================================================================== */

@import 'variables';
@import 'mixins';

.edgtf-woocommerce-page {

	.woocommerce-result-count,
	.woocommerce-ordering {

		@include phone-portrait {
			width: 100%;
			margin-bottom: 2%;
		}

	}

	.woocommerce-result-count {

		@include  phone-portrait {
			padding-left: 10px;
		}

	}

	.woocommerce-ordering .orderby {

		@include phone-portrait {
			display: block;
			float: none;
			margin: 0;
		}

	}

}

.woocommerce.columns-5,
.edgtf-woocommerce-page.edgtf-woocommerce-columns-5 {

	.products .product {

		@include ipad-landscape {
			width: 32%;
			margin-right: 2%;
			margin-bottom: 2%;

			&:nth-child(5n){
				margin-right:2%;
			}

			&:nth-child(3n) {
				margin-right: 0;
			}

			&:nth-child(3n+1) {
				clear: both;
				margin-right: 2%;
			}

			&:nth-child(5n+1) {
				clear: none;
			}

		}

		@include ipad-portrait {
			width: 48%;
			margin-right: 4%;
			margin-bottom: 4%;

			&:nth-child(2n) {
				margin-right: 0;
			}

			&:nth-child(2n+1) {
				clear: both;
				margin-right: 4%;
			}

			&:nth-child(3n+1),
			&:nth-child(5n+1) {
				clear: none;
			}

		}

		@include phone-portrait {
			width: 100%;
			margin-right: 0;
			margin-bottom: 25px;
		}

	}

	.edgtf-woocommerce-with-sidebar .products .product {

		@include ipad-landscape {
			width: 48%;
			margin-right: 4%;
			margin-bottom: 4%;

			&:nth-child(2n) {
				margin-right: 0;
			}

			&:nth-child(2n+1) {
				clear: both;
				margin-right: 4%;
			}

			&:nth-child(3n+1),
			&:nth-child(4n+1) {
				clear: none;
			}

		}

		@include ipad-portrait {
			width: 100%;
		}

	}

}

.woocommerce.columns-4,
.edgtf-woocommerce-page.edgtf-woocommerce-columns-4 {

	.products .product {

		@include ipad-landscape {
			width: 32%;
			margin-right: 2%;
			margin-bottom: 2%;

			&:nth-child(4n){
				margin-right:2%;
			}

			&:nth-child(3n) {
				margin-right: 0;
			}

			&:nth-child(3n+1) {
				clear: both;
				margin-right: 2%;
			}

			&:nth-child(4n+1) {
				clear: none;
			}

		}

		@include ipad-portrait {
			width: 48%;
			margin-right: 4%;
			margin-bottom: 4%;

			&:nth-child(2n) {
				margin-right: 0;
			}

			&:nth-child(2n+1) {
				clear: both;
				margin-right: 4%;
			}

			&:nth-child(3n+1),
			&:nth-child(4n+1) {
				clear: none;
			}

		}

		@include phone-portrait {
			width: 100%;
			margin-right: 0;
			margin-bottom: 25px;
		}

	}

	.edgtf-woocommerce-with-sidebar .products .product {

		@include ipad-landscape {
			width: 48%;
			margin-right: 4%;
			margin-bottom: 4%;

			&:nth-child(2n) {
				margin-right: 0;
			}

			&:nth-child(2n+1) {
				clear: both;
				margin-right: 4%;
			}

			&:nth-child(3n+1),
			&:nth-child(4n+1) {
				clear: none;
			}

		}

		@include ipad-portrait {
			width: 100%;
		}

	}

}

.woocommerce.columns-3,
.edgtf-woocommerce-page.edgtf-woocommerce-columns-3 {

	.products .product {

		@include ipad-portrait {
			width: 48%;
			margin-right: 4%;
			margin-bottom: 4%;

			&:nth-child(2n) {
				margin-right: 0;
			}

			&:nth-child(2n+1) {
				clear: both;
				margin-right: 4%;
			}

			&:nth-child(3n+1),
			&:nth-child(4n+1) {
				clear: none;
			}

		}

		@include phone-portrait {
			width: 100%;
			margin-right: 0;
			margin-bottom: 25px;
		}

	}

	.edgtf-woocommerce-with-sidebar .products .product{

		@include ipad-portrait {
			width: 100%;
		}

	}

}

.woocommerce-pagination{
	.page-numbers{
		@include phone-portrait{
			padding: 6px 8px;
		}
	}

	.page-numbers.next,
	.page-numbers.prev{
		padding: 6px;
		line-height: 1em;
	}
}

/* Woocommerce product list - end
========================================================================== */

/* Woocommerce single product - begin
========================================================================== */

.edgtf-single-product-images{

	@include ipad-landscape {
		width: 100%;
		margin: 0;
	}

}

.edgtf-single-product-summary{

	@include ipad-landscape {
		width: 100%;
		margin: 45px 0 0;
	}

	.product_meta,
	.edgtf-social-share-holder{

		@include ipad-portrait {
			width: 100%;
		}
	}

	.edgtf-btn.single_add_to_cart_button{
		@include phone-portrait{
			margin-top: 20px;
		}
	}
}

.edgtf-single-product-wrapper-top .edgtf-tabs.edgtf-horizontal-tab{
	.edgtf-tabs-nav li{
		@include ipad-portrait{
			display: block;
		}
	}
}


.edgtf-woocommerce-page .edgtf-three-columns .edgtf-column{
	@include ipad-portrait {
		width:33.33%;
	}
}

.woocommerce .product .edgtf-product-badge{
	@include ipad-landscape{
		right: 20%;
	}
	@include ipad-portrait{
		right: 20px;
	}
}

.edgtf-single-product-images{
	.woocommerce-main-image{
		@include laptop-wide-landscape{
			width: calc(100% - 120px);
		}
		@include ipad-portrait{
			width: calc(100% - 124px);
		}
		@include phone-landscape{
			width: 100%;
		}
	}
	.thumbnails{
		>div{
			@include laptop-wide-landscape{
				width: 109px;
			}
			@include ipad-portrait{
				width: 124px;
			}
			@include phone-landscape{
				width: 50%;
				padding: 5px;
				
				&:nth-child(2n+1){
					clear: both;
				}
			}
		}
	}
}

.variations_form .variations{
	@media only screen and (max-width: $ipad-landscape) and (min-width: $ipad-portrait - 1px){
		td{
			padding: 5px 6px;
		}
	}

	@include phone-portrait{
		td{
			display: block;
			padding: 7px 0;
		}
	}
}

.woocommerce-Reviews{
	@include phone-landscape{
		.avatar{
			float: none;
			padding: 0;
			margin-bottom: 20px;
		}
		.comment-text{
			padding-left: 0;
			margin-bottom: 0;
		}
	}
}

/* Woocommerce single product - end
========================================================================== */

/* Woocommerce table - begin
========================================================================== */

.edgtf-woocommerce-page {

	table td {
		@include phone-landscape {
			padding: 5px 5px;
		}

	}

	td.product-thumbnail img{
		@include phone-portrait {
			display: none;
		}
	}

	td.actions {

		.coupon,
		.edgtf-cart-proceed-update {
			@include phone-landscape {
				width: 100%;
				margin-bottom: 20px;
				text-align: right;
			}
		}

		.edgtf-cart-proceed-update .checkout-button {
			@include phone-landscape {
				float: left;
			}
		}
	}

	.coupon {

		input[type="text"] {
			@include ipad-portrait {
				width: 150px;
			}

			@include phone-portrait{
				width: 203px;
				margin-bottom: 6px;
			}
		}

	}

}

.woocommerce-cart{

	@include ipad-landscape{
		.product-thumbnail{
			width: 0;
		}

		.product-quantity{
			width: 32%;
		}

		.product-price{
			width: 15%;
		}

		.product-remove{
			width:9%;
		}
	}

	@include ipad-portrait{
		.edgtf-quantity-buttons .edgtf-quantity-label{
			display: none;
		}
	}
}

/* Woocommerce table - end
========================================================================== */

/* Woocommerce shipping calculator - begin
========================================================================== */

.edgtf-woocommerce-page {

	.edgtf-shipping-calculator {

		@include phone-landscape {
			width: 100%;
			margin-bottom: 25px;
		}

	}

}

/* Woocommerce shipping calculator - end
========================================================================== */

/* Woocommerce totals - begin
========================================================================== */

.edgtf-woocommerce-page {

	.edgtf-cart-totals {
		@include phone-landscape {
			width: 100%;
		}
	}

}

/* Woocommerce totals - end
========================================================================== */

/* Woocommerce checkout - begin
========================================================================== */

.edgtf-woocommerce-page {

	.woocommerce-checkout .col-1,
	.woocommerce-checkout .col-2 {
		@include ipad-portrait {
			width: 100%;
		}
	}

}

/* Woocommerce checkout - end
========================================================================== */

/* Woocommerce Account - begin
========================================================================== */
.woocommerce-account{
	@include phone-landscape{

		.woocommerce-MyAccount-content,
		.woocommerce-MyAccount-navigation{
			float: none;
			width: 100%;
		}

		.woocommerce-MyAccount-content{
			margin-top: 40px;
		}
	}
}

/* Woocommerce Account - end
========================================================================== */

/* Woocommerce dropdown cart - begin
========================================================================== */

@media only screen and (max-width: $ipad-landscape) {
    .edgtf-shopping-cart-outer:hover{
        .edgtf-shopping-cart-dropdown{
            display: none;
            visibility: hidden;
        }
    }
    .edgtf-top-bar .edgtf-shopping-cart-outer{
        float: none;
    }    
}

@media only screen and (max-width: $smaller-phone-portrait) {
    .edgtf-shopping-cart-outer{
        display: none;
    }
}

/* Woocommerce dropdown cart - begin
========================================================================== */
/* ==========================================================================
# Woocommerce responsive style - end
========================================================================== */