/**
 * WooCommerce Composite Products
 */

/**
 * Imports
 */
@import 'bourbon';
@import '../../../../assets/sass/utils/variables';
@import '../../../../assets/sass/utils/mixins';
@import '../../../../node_modules/susy/sass/susy';
@import '../../../../assets/sass/vendors/modular-scale';

.composite_summary .summary_element {

	.summary_element_wrapper {
		box-shadow: 0px 0px 0px 4px rgba( 0, 0, 0, 0 );

		&.selected,
		&.selected:hover {
			box-shadow: 0px 0px 0px 4px rgba( 0, 0, 0, 0.06 );
		}

		&:hover {
			box-shadow: 0px 0px 0px 4px rgba( 0, 0, 0, 0.03 );
		}

		&.disabled,
		&.disabled:hover {
			box-shadow: 0px 0px 0px 4px rgba( 0, 0, 0, 0 );
		}
	}
}

.single-product div.product {

	.selection_thumbnail_hidden .component_selections .component_summary {
		.component_data {
			@include span(12 of 12);
		}
	}

	.component_selections {
		.component_summary {

			border-bottom: 1px solid $color_border;

			.content {
				margin-bottom: ms(3);
			}

			.composited_product_details_wrapper {
				padding-left: 0;
			}

			.composited_product_images {
				margin-left: 0;
			}

			.composited_product_images,
			.images {
				@include span(3 of 12);

				a {
					padding-right: 0;
				}

				img {
					width: 100%;
					height: auto;
				}
			}

			.component_data {
				@include span(last 9 of 12);
				margin-left: 0;
			}
		}

		> div {
			padding-left: 0;
		}

		.select_label {
			display: block;
			margin-bottom: 1em;
		}

		.component_option_thumbnails {

			.component_option_thumbnail {
				margin-left: 5px; /* v2.5.5 compat */
				box-shadow: 0px 0px 0px 4px rgba( 0, 0, 0, 0 );

				&.selected,
				&.selected:hover {
					box-shadow: 0px 0px 0px 4px rgba( 0, 0, 0, 0.06 );
				}

				&:hover {
					box-shadow: 0px 0px 0px 4px rgba( 0, 0, 0, 0.03 );
				}

				&.disabled,
				&.disabled:hover {
					box-shadow: 0px 0px 0px 4px rgba( 0, 0, 0, 0 );
				}
			}
		}
	}

	.component.progressive .component_summary {
		border-bottom: none;
	}
}

.storefront-full-width-content {
	&.single-product div.product {

		.selection_thumbnail_hidden .component_selections .component_summary {
			.component_data {
				@include span(12 of 12);
			}
		}

		.component_selections {
			.component_summary {
				.composited_product_images,
				.images {
					@include span(3 of 12);

					a {
						padding-right: 0;
					}
				}

				.component_data {
					@include span(last 9 of 12);
					margin-left: 0;
				}
			}
		}
	}
}

.swc-product-gallery-stacked,
.swc-product-gallery-hidden {
	&.single-product div.product {

		.selection_thumbnail_hidden .component_selections .component_summary {
			.component_data {
				@include span(12 of 12);
			}
		}

		.component_selections {
			.component_summary {
				.composited_product_images,
				.images {
					@include span(3 of 12);

					a {
						padding-right: 0;
					}
				}

				.component_data {
					@include span(last 9 of 12);
				}
			}
		}
	}

	&.storefront-full-width-content {
		&.single-product div.product {

			.selection_thumbnail_hidden .component_selections .component_summary {
				.component_data {
					@include span(12 of 12);
				}
			}

			.component_selections {
				.component_summary {
					.composited_product_images,
					.images {
						@include span(3 of 12);

						a {
							padding-right: 0;
						}
					}

					.component_data {
						@include span(last 9 of 12);
					}
				}
			}
		}
	}
}
