/**
 * Product loops
 */

body[class*="woocommerce"] #page .woocommerce-products-header {
	img {
		display: block;
	}
}

#woocommerce-wrapper,
body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .cross-sells,
body[class*="woocommerce"] #page .cart-collaterals .cross-sells {

	.products ul,
	ul.products {
		margin: 0;
		padding: 0;
	}

	ul.products li.product {

		text-align: center;

		.star-rating {
			font-size: map-deep-get($config-global, "font", "size", "sm");
			margin-left: auto;
			margin-right: auto;
		}

		h3,
		.woocommerce-loop-product__title,
		.woocommerce-loop-category__title {
			padding: inherit;
			font-size: map-deep-get($config-global, "font", "size", "base")
		}

		a img {
			margin: inherit;
		}

		strong {
		}

		.woocommerce-placeholder {
			border-color: map-deep-get($config-global, "color", "border", "default");
		}

		.button {
			margin-top: inherit;
		}

		.added_to_cart {
			margin-top: #{map-deep-get($config-global, "spacing", "unit")};
		}

		.price {
			color: map-deep-get($config-global, "color", "foreground", "dark");
			font-size: map-deep-get($config-global, "font", "size", "md");
			line-height: map-deep-get($config-global, "font", "line-height", "heading");

			del {
				color: inherit;
				opacity: 0.5;
				display: inline-block;
			}

			ins {
				background: none;
				font-weight: 700;
				display: inline-block;
			}

			.from {
				font-size: map-deep-get($config-global, "font", "size", "xs");
				color: map-deep-get($config-global, "color", "alert", "warning");
			}
		}

		&.sale a > .price ins {
			color: map-deep-get($config-global, "color", "alert", "success");
		}
	}
}
