/**
 * Oasis Smart Media — WooCommerce product image display (img only).
 *
 * Server-side product_frame (~85% coverage) produces the final bitmap.
 * Never style .woocommerce-LoopProduct-link as an image slot — title and
 * price are inside that anchor in the default WooCommerce loop.
 *
 * @package OasisSmartMedia
 */

/* Loop / archive product images — img only */
body.smart-shop-page .woocommerce ul.products li.product a img,
.smart-shop-page .smart-shop-products ul.products li.product img,
.smart-shop-page .smart-shop-products ul.products li.product a img,
body.oasis-shop-new-arrivals ul.products li.product img,
body.oasis-shop-best-sellers ul.products li.product img,
body.oasis-shop-new-arrivals section.oasis-shop-archive .oasis-shop-products-grid ul.products li.product img,
body.oasis-shop-best-sellers section.oasis-shop-archive .oasis-shop-products-grid ul.products li.product img,
body.oasis-shop-new-arrivals section.oasis-shop-archive .oasis-shop-products-grid ul.products li.product a img,
body.oasis-shop-best-sellers section.oasis-shop-archive .oasis-shop-products-grid ul.products li.product a img,
body.tax-product_cat.woocommerce-page ul.products li.product img,
body.tax-product_cat.woocommerce-page ul.products li.product a img,
body.single-product section.related.products ul.products li.product img,
body.single-product section.up-sells.upsells ul.products li.product img,
.woocommerce ul.products li.product a img,
.woocommerce ul.products li.product img,
.woocommerce-page ul.products li.product a img,
.woocommerce-page ul.products li.product img {
	object-fit: contain;
	object-position: center center;
	width: 100%;
	max-width: 100%;
}

/* Single product — main image fills gallery viewport */
body.single-product .woocommerce-product-gallery__image img,
body.single-product .woocommerce-product-gallery .flex-viewport img,
body.single-product .woocommerce-product-gallery .zoomImg,
.woocommerce div.product div.images .woocommerce-product-gallery__image img {
	object-fit: contain;
	object-position: center center;
	width: 100%;
	height: 100%;
	max-width: 100%;
	max-height: 100%;
}

/* Gallery thumbnails */
body.single-product .woocommerce-product-gallery .flex-control-thumbs li img,
body.single-product ol.flex-control-thumbs li img {
	object-fit: contain;
	object-position: center center;
	width: 100%;
	height: 100%;
	max-width: 100%;
	max-height: 100%;
}

/* Cart, checkout, thank-you — thumbnail cell (not loop product link) */
.oasis-cart-page td.product-thumbnail a,
.woocommerce-cart-form td.product-thumbnail a,
.woocommerce-checkout-review-order-table td.product-thumbnail a,
.woocommerce-table--order-details td.product-thumbnail a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: clamp(54px, 3.2vw, 96px);
	height: clamp(54px, 3.2vw, 96px);
	overflow: hidden;
}

.oasis-cart-page td.product-thumbnail img,
.woocommerce-cart-form td.product-thumbnail img,
.woocommerce-checkout-review-order-table td.product-thumbnail img,
.woocommerce-checkout-review-order-table img,
.woocommerce-table--order-details td.product-thumbnail img,
.woocommerce-table--order-details img,
img.osm-wc-thumbnail {
	object-fit: contain;
	object-position: center center;
	width: 100%;
	height: 100%;
	max-width: 100%;
	max-height: 100%;
}
