@import "../settings";

body.product-layout-style_4 .st-container
body.product-layout-scattered .st-container
{
	overflow-y: hidden;
}

.product_layout_scattered,
.product_layout_4
{
	.product_content_wrapper {
		max-width: 100%;
		margin: 0 auto;

		@media #{$large-up} {
			padding-bottom: 85px;
		}

		@media #{$large-to-xlarge} {
			> .row {
				> .medium-12.large-8 {
					width: 50%;
				}
			}
		}

		@media #{$xlarge-up} {
			max-width: 80%;
		}

		.product-images-wrapper {
			position: relative;

			@media #{$large-up} {
				margin: 0 !important;
			}

			@media #{$large-to-xxlarge} {
				//padding-right: 50px;
			}

			.woocommerce-product-gallery__wrapper {
				height: auto !important;
			}

			.product-images-style-4 {
				display: none;

				@media #{$large-up} {
					display: block;
				}

				&.images {
					float: none !important;
					width: auto !important;
					margin: 0 !important;

					.product-image {
						width: 100%;

						.zoom img {
							cursor: url(../../images/cursor-zoom.png), auto;
						}
					}

				}

				.product_images {
					font-size: 0;

					.product-image {
						height: auto !important;
					}

					> .product-image {
						margin-bottom: 50px;
						vertical-align: middle;
						position: relative;
						text-align: center;
						width: 60% !important;
					    display: inline-block;

						.easyzoom.el_zoom {
							img {
								cursor: url(../../images/cursor-zoom.png), auto;
							}
						}

						@media #{$xlarge-up} {
							margin-bottom: 100px;
							display: inline-block;
						}

						&.mobile {
							display: none;
						}

						.desktop-image {
							display: block;
						}


						&:last-child {
							margin-bottom: 0;
						}

						&:first-child {
							width: 100% !important;

							img {
								padding: 0;
							}
						}

						&:nth-child(4n+4),
						&:nth-child(4n+3) {
							width: 40% !important;
							display: inline-block;
							vertical-align: middle;

							@media #{$large-to-xlarge} {
								padding: 20px 30px 0;
							}

							@media #{$xlarge-up} {
								padding: 60px 30px 0;
							}
						}

						img {
							width: 100%;
						}

						&.video {
							width: 100%;
							margin-bottom: 0;
						}

					}

					.video {
						padding-top: 56.2222%;
						width: 100%;
						position: relative;

						iframe {
							position: absolute;
							top: 0;
							left: 0;
							width: 100%;
							height: 100%;
						}
					}

					&:after {
						content: "";
						display: block;
						clear: both;
					}

					.product-video-icon {
						display: none;
					}
				}
			}
		}

		.product_infos {
			overflow-y: scroll;
			max-height: 100%;
			padding-bottom: 50px;
			-ms-overflow-style: none;

			@media #{$large-up} {
				position: fixed;
				width: 35%;
				right: 0;
				padding: 0 50px;
			}

			@media #{$large-to-xlarge} {
				padding: 0 50px 0 calc( 50px - 0.625rem );
				width: 50%;
			}

			@media #{$xxlarge-up} {
				width: 24%;
				right: 8%;
				padding: 0;
			}

			&::-webkit-scrollbar {
				display: none;
			}

			@import 'product-layouts/grouped_product';

			&.long-description {
				@media #{$large-up} {
					position: absolute;
					top: 0;
				}
			}

			.product_summary_top {
				margin-bottom: 25px;
				position: relative;

				&:after {
					content: "";
					display: block;
					clear: both;
				}

				.woocommerce-breadcrumb {
					width: 70%;
					float: left;
					text-transform: uppercase;
					font-size: 0;
					//font-weight: 600;
					line-height: 18px;
					padding: 0;

					.breadcrump_sep {
						font-size: 10px;
						padding-left: 7px;
						padding-right: 7px;

						&:last-child {
							display: none;
						}
					}

					a {
						font-size: 10px;

						&:first-child {
							padding-left: 0;
						}
					}
				}

				.woocommerce-product-rating {
					width: auto;
					float: right;
					margin-bottom: 0;
					position: relative;
					text-align: right;
					line-height: 18px;

					.woocommerce-review-link {
						font-size: 0;
						position: absolute;
						top: 0;
						right: 0;
						cursor: pointer;
						width: 100%;
						height: 10px;
						padding-bottom: 30px;
					}

					.star-rating {
						top: -2px;
					}
				}

				.woocommerce_review_link_hover {
					position: absolute;
					top: -40px;
					right: 0;
					margin: 0 auto;
					text-align: center;
					width: auto;
					padding: 5px 10px 7px;
					white-space: nowrap;
					font-size: 12px;
					line-height: 20px;
					background: #000;
					color: #FFF;
					pointer-events: none;
					opacity: 0;
					transition: all .5s;
					visibility: hidden;

					@media #{$large-down} {
						top: 10px;
					}

					@media #{$xmedium-down} {
						right: auto;
						left: 0;
						top: 20px;
					}

					&.hovered {
						transition: all .5s;
						opacity: 1;
						visibility: visible;
					}

					&:before {
						top: 100%;
						right: 30px;
						border: solid transparent;
						content: " ";
						height: 0;
						width: 0;
						position: absolute;
						pointer-events: none;
						border-color: rgba(27,27,29,0);
						border-top-color: #1b1b1d;
						border-width: 4px;

						@media #{$xmedium-down} {
							right: auto;
							left: 20px;
						}
					}
				}
			}

			.product_summary_middle {
				.product_title {
					text-align: left;
					margin-bottom: 21px;
				}
			}

			.price {
				font-size: 22px !important;
				font-weight: 600;
			}

			@import 'product-layouts/add_to_cart';
			@import 'product-layouts/out_of_stock';
			@import 'product-layouts/wishlist';
		}

		.woocommerce-tabs,
		.single_product_summary_upsell,
		.single_product_summary_related {
			@media #{$large-to-xxlarge} {
				padding-right: 50px;
			}
		}

		.column,
		.columns {
			@media #{$large-up} {
				position: inherit !important;
			}
		}

		@import 'product-layouts/product_meta';

		// Woocommerce Tabs
		@import 'product-layouts/mixin_woocommerce_tabs';
		@import 'product-layouts/mobile_gallery';
		@include woocommerce_tabs(left, 13px);
	}

	.product-type-grouped {
		form.cart {
			float: none !important;
		}
	}

	@import 'product-layouts/product_navigation';

	// Product Badges
	@import 'product-layouts/mixin_product_badges';
	@include product_badges(12px, 15px, 15px, 20px);

	// Related Products
	@import 'product-layouts/mixin_related';
	@include related(left, 13px);
}
