/* ChiliWorld – Einheitliche Produktbilder v1.4.0
   Performance-Version: nur CSS, kein JavaScript, keine DOM-Messungen.
   Ziel: Produktlisten / zuletzt angesehene Produkte / Shopkarten.
   Einzelprodukt-Galerie, Warenkorb, Checkout und Mini-Cart bleiben unangetastet. */

/* ------------------------------------------------------------------
   1. PRODUKTKARTEN ALS GLEICHMÄSSIGE SPALTEN
   ------------------------------------------------------------------ */
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product,
.woocommerce .products .product,
.woocommerce-page .products .product,
[class*="recently"] .product,
[class*="recent"] .product,
[class*="viewed"] .product,
[class*="products"] > .product {
    box-sizing: border-box !important;
}

/* ------------------------------------------------------------------
   2. BILDFLÄCHE – ÜBERALL EXAKT GLEICH
   4:3 passt zu den aktuell verwendeten ChiliWorld-Shopbildern.
   ------------------------------------------------------------------ */
.woocommerce ul.products li.product a.woocommerce-LoopProduct-link,
.woocommerce-page ul.products li.product a.woocommerce-LoopProduct-link,
.woocommerce ul.products li.product a[href*="/produkt/"],
.woocommerce-page ul.products li.product a[href*="/produkt/"],
[class*="recently"] .product a[href*="/produkt/"],
[class*="recent"] .product a[href*="/produkt/"],
[class*="viewed"] .product a[href*="/produkt/"] {
    box-sizing: border-box;
}

.woocommerce ul.products li.product img.attachment-woocommerce_thumbnail,
.woocommerce-page ul.products li.product img.attachment-woocommerce_thumbnail,
.woocommerce ul.products li.product img.wp-post-image,
.woocommerce-page ul.products li.product img.wp-post-image,
.woocommerce .products .product img.attachment-woocommerce_thumbnail,
.woocommerce-page .products .product img.attachment-woocommerce_thumbnail,
[class*="recently"] .product img,
[class*="recent"] .product img.attachment-woocommerce_thumbnail,
[class*="viewed"] .product img.attachment-woocommerce_thumbnail {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 4 / 3 !important;
    object-fit: cover !important;
    object-position: center center !important;
    margin: 0 0 18px 0 !important;
    padding: 0 !important;
    max-width: 100% !important;
    border: 0 !important;
}

/* Manche NineTheme/Crisop-Karten geben dem Bild über width/height-Attribute
   oder Wrapper eigene Höhen. Diese Selektoren überschreiben nur das sichtbare
   Produktbild in Listen – nicht die Galerie der Einzelproduktseite. */
.woocommerce:not(.woocommerce-cart):not(.woocommerce-checkout) ul.products li.product > a:first-of-type img,
.woocommerce-page:not(.woocommerce-cart):not(.woocommerce-checkout) ul.products li.product > a:first-of-type img,
.single-product .related.products li.product img,
.single-product .upsells.products li.product img,
.single-product [class*="recent"] li.product img,
.single-product [class*="viewed"] li.product img,
.single-product [class*="recent"] .product img,
.single-product [class*="viewed"] .product img {
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 4 / 3 !important;
    object-fit: cover !important;
    object-position: center !important;
}

/* ------------------------------------------------------------------
   3. KARTENINHALTE BÜNDIG
   ------------------------------------------------------------------ */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce-page ul.products li.product .woocommerce-loop-product__title,
.woocommerce .products .product .woocommerce-loop-product__title,
[class*="recent"] .product .woocommerce-loop-product__title,
[class*="viewed"] .product .woocommerce-loop-product__title {
    min-height: 66px !important;
    max-height: 66px !important;
    overflow: hidden !important;
    line-height: 22px !important;
    box-sizing: border-box !important;
}

/* ------------------------------------------------------------------
   4. SCHUTZ: DIESE BILDER NIEMALS ANFASSEN
   ------------------------------------------------------------------ */
.single-product .woocommerce-product-gallery img,
.single-product .product .images img,
.single-product .woocommerce-product-gallery__image img,
.woocommerce-cart img,
.woocommerce-checkout img,
.widget_shopping_cart img,
.woocommerce-mini-cart img,
.cart img,
.mini_cart_item img {
    width: auto !important;
    height: auto !important;
    aspect-ratio: auto !important;
    object-fit: contain !important;
    max-width: 100% !important;
    margin: initial !important;
}

@media (max-width: 767px) {
    .woocommerce ul.products li.product img.attachment-woocommerce_thumbnail,
    .woocommerce-page ul.products li.product img.attachment-woocommerce_thumbnail,
    .woocommerce ul.products li.product img.wp-post-image,
    .woocommerce-page ul.products li.product img.wp-post-image,
    .woocommerce .products .product img.attachment-woocommerce_thumbnail,
    .woocommerce-page .products .product img.attachment-woocommerce_thumbnail,
    [class*="recently"] .product img,
    [class*="recent"] .product img.attachment-woocommerce_thumbnail,
    [class*="viewed"] .product img.attachment-woocommerce_thumbnail {
        aspect-ratio: 4 / 3 !important;
    }

    .woocommerce ul.products li.product .woocommerce-loop-product__title,
    .woocommerce-page ul.products li.product .woocommerce-loop-product__title,
    .woocommerce .products .product .woocommerce-loop-product__title,
    [class*="recent"] .product .woocommerce-loop-product__title,
    [class*="viewed"] .product .woocommerce-loop-product__title {
        min-height: 60px !important;
        max-height: 60px !important;
        line-height: 20px !important;
    }
}