/**
 * CartNexa Deep-Image AI Optimizer — Frontend Image Fix
 *
 * Prevents WooCommerce product images from being cropped by theme
 * styling when images use a 1:1 square canvas from Deep-Image.ai.
 *
 * These rules use high-specificity selectors and !important to
 * override aggressive theme cropping (object-fit: cover, overflow:
 * hidden with fixed heights, etc.).
 *
 * @package CartNexa_Deep_Image
 */

/* =====================================================
   WooCommerce Catalog / Shop Grid
   ===================================================== */

.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 !important;
    aspect-ratio: 1 / 1 !important;
    width: 100% !important;
    height: auto !important;
}

/* =====================================================
   WooCommerce Single Product — Main Image
   ===================================================== */

.woocommerce div.product div.images img,
.woocommerce div.product div.images .woocommerce-product-gallery__image img,
.woocommerce #content div.product div.images img {
    object-fit: contain !important;
    aspect-ratio: 1 / 1 !important;
    width: 100% !important;
    height: auto !important;
}

/* =====================================================
   WooCommerce Product Gallery — Flex Slider / Zoom
   ===================================================== */

.woocommerce div.product div.images .flex-viewport img,
.woocommerce div.product div.images .woocommerce-product-gallery__wrapper img {
    object-fit: contain !important;
    aspect-ratio: 1 / 1 !important;
}

/* =====================================================
   WooCommerce Blocks (Gutenberg)
   ===================================================== */

.wc-block-grid__product-image img,
.wp-block-woocommerce-product-image img,
.wc-block-components-product-image img {
    object-fit: contain !important;
    aspect-ratio: 1 / 1 !important;
    width: 100% !important;
    height: auto !important;
}

/* =====================================================
   Related Products / Upsells / Cross-sells
   ===================================================== */

.woocommerce .related.products ul.products li.product img,
.woocommerce .upsells.products ul.products li.product img,
.woocommerce .cross-sells ul.products li.product img {
    object-fit: contain !important;
    aspect-ratio: 1 / 1 !important;
    width: 100% !important;
    height: auto !important;
}

/* =====================================================
   Cart & Checkout Thumbnails
   ===================================================== */

.woocommerce table.cart td.product-thumbnail img,
.woocommerce-checkout .product-thumbnail img {
    object-fit: contain !important;
    aspect-ratio: 1 / 1 !important;
}

/* =====================================================
   Widgets (sidebar, footer product lists)
   ===================================================== */

.woocommerce .widget ul.product_list_widget li img,
.woocommerce .widget_products img,
.woocommerce .widget_recently_viewed_products img {
    object-fit: contain !important;
    aspect-ratio: 1 / 1 !important;
}

/* =====================================================
   Image container overflow fix
   Prevents parent containers from clipping contained images
   ===================================================== */

.woocommerce ul.products li.product .woocommerce-LoopProduct-link,
.woocommerce ul.products li.product a {
    overflow: visible !important;
}