@import "../settings";

.product_layout_cascade,
.product_layout_2
{
	.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 #{$xxlarge-up} {
			max-width: 80%;
		}

		.product-images-wrapper {
			position: relative;

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

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

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

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

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

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

			.product_images {
				font-size: 0;

				.product-image {
					margin-bottom: 25px;
					position: relative;
					vertical-align: middle;
					width: 100% !important;
					height: auto !important;

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

					&.mobile {
						display: none;
					}

					.desktop-image {
						display: block;
					}

					&:first-child {
						width: 100%;

						img {
							padding: 0;
						}
					}

					img {
						width: 100%;
					}

					.caption {
						padding: 30px 0 40px;
						max-width: 50%;

						&:before {
							content: "";
							width: 50px;
							height: 1px;
							margin-right: 20px;
							display: inline-block;
							vertical-align: super;
						}
					}

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

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

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

				.product-images-controller {
					display: none;
					position: fixed;
					list-style-type: none;
					margin: 0;
					z-index: 9;

					@media #{$large-up} {
						left: 2%;
					}

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

					@media #{$xxlarge-up} {
						left: 10.5%;
					}

					li.video-icon {
						.dot {
							border: 2px solid;
							width: 18px;
							height: 18px;
							font-size: 8px;
							margin: 0;

							&.current {
								border-color: transparent;
							}

							i {
								color: #FFF;
								font-size: 6px;
								text-align: center;
								vertical-align: middle;
								margin-left: 1px;
							}
						}
					}

					.dot {
						width: 8px;
						height: 8px;
						border: 1px solid;
						border-radius: 100%;
						transition: all .5s;
						margin: 13px auto;
						display: block;
						text-align: center;

						&:first-child {
							margin-top: 0;
						}

						&.current {
							border-color: transparent;
						}
					}
				}
			}
		}

		.product_infos {
			@import 'product-layouts/grouped_product';

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

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

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

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

				@media #{$xxlarge-up} {
					right: 8%;
					padding: 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';
		@import 'product-layouts/mobile_gallery';

		// Woocommerce Tabs
		@import 'product-layouts/mixin_woocommerce_tabs';
		@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, -10px);

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