/*
 Theme Name:   Woodmart Child
 Description:  Child theme of Woodmart. Put all customisations here, never edit the parent theme.
 Template:     woodmart
 Version:      1.0.0
 Text Domain:  woodmart-child
*/

/* ---------------------------------------------------------------
   Shop & product archives: every product image gets the same box.
   Image is fitted inside (not cropped, not stretched).
   Change the aspect-ratio value to make the boxes taller/shorter,
   e.g. 4 / 5 for portrait or 1 / 1 for square.
---------------------------------------------------------------- */
.woocommerce-shop .products .product-grid-item .product-element-top,
.post-type-archive-product .products .product-grid-item .product-element-top,
.tax-product_cat .products .product-grid-item .product-element-top,
.tax-product_tag .products .product-grid-item .product-element-top,
.tax-product_brand .products .product-grid-item .product-element-top {
	background: #fff;
}

.woocommerce-shop .products .product-grid-item .product-image-link,
.post-type-archive-product .products .product-grid-item .product-image-link,
.tax-product_cat .products .product-grid-item .product-image-link,
.tax-product_tag .products .product-grid-item .product-image-link,
.tax-product_brand .products .product-grid-item .product-image-link {
	display: block;
	position: relative;
	width: 100%;
	aspect-ratio: 1 / 1;
	overflow: hidden;
}

.woocommerce-shop .products .product-grid-item .product-image-link img,
.post-type-archive-product .products .product-grid-item .product-image-link img,
.tax-product_cat .products .product-grid-item .product-image-link img,
.tax-product_tag .products .product-grid-item .product-image-link img,
.tax-product_brand .products .product-grid-item .product-image-link img {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: contain;
	object-position: center;
}

/* Keep the sale/new labels above the image box. */
.woocommerce-shop .products .product-grid-item .product-labels,
.post-type-archive-product .products .product-grid-item .product-labels,
.tax-product_cat .products .product-grid-item .product-labels,
.tax-product_tag .products .product-grid-item .product-labels,
.tax-product_brand .products .product-grid-item .product-labels {
	z-index: 5;
}

/* Same uniform image box for product grids/sliders added with the Woodmart
   "Products" element (home page, landing pages, related products, etc.). */
.wd-products-element .products .product-grid-item .product-element-top {
	background: #fff;
}

.wd-products-element .products .product-grid-item .product-image-link {
	display: block;
	position: relative;
	width: 100%;
	aspect-ratio: 1 / 1;
	overflow: hidden;
}

.wd-products-element .products .product-grid-item .product-image-link img {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: contain;
	object-position: center;
}

.wd-products-element .products .product-grid-item .product-labels {
	z-index: 5;
}