/* =========================================================
   DeltaFabrica — Catalog thumbnails styling (WooCommerce)

   Goals:
   - Equal thumbnail height in product grids
   - No "white fields" (keep cover)
   - Show a bit more legs/head via height + object-position
   - Keep theme hover-zoom intact (DO NOT touch transform)
   - Theme-specific: .product-img has TWO <a> (first may be empty)
   - Do NOT affect single product pages
   ========================================================= */

/* -------------------------
   1) Product grid thumbnails (NOT single product)
   ------------------------- */

body:not(.single-product) .woocommerce ul.products li.product .product-img,
body:not(.single-product) .woocommerce-page ul.products li.product .product-img {
  height: 420px !important;        /* было 360 — выше = меньше кроп по вертикали */
  overflow: hidden !important;
  position: relative !important;
  padding: 0 !important;
  margin: 0 !important;
  background: transparent !important;
}

/* Two <a> inside .product-img — overlay them so empty <a> doesn't push image away */
body:not(.single-product) .woocommerce ul.products li.product .product-img > a,
body:not(.single-product) .woocommerce-page ul.products li.product .product-img > a {
  position: absolute !important;
  inset: 0 !important;
  display: block !important;
  width: 100% !important;
  height: 100% !important;
}

/* Keep empty overlay link below image */
body:not(.single-product) .woocommerce ul.products li.product .product-img > a.woocommerce-LoopProduct-link,
body:not(.single-product) .woocommerce-page ul.products li.product .product-img > a.woocommerce-LoopProduct-link {
  z-index: 1 !important;
  background: transparent !important;
}

/* Image fills the box */
body:not(.single-product) .woocommerce ul.products li.product .product-img img.wp-post-image,
body:not(.single-product) .woocommerce-page ul.products li.product .product-img img.wp-post-image {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;

  object-fit: cover !important;

  /* Компромисс для ног: чуть ниже центра.
     50% = центр. Попробуй 55%..62% если ног всё ещё мало */
  object-position: center 56% !important;

  position: relative !important;
  z-index: 3 !important;

  /* ВАЖНО: transform НЕ трогаем, чтобы не ломать hover-увеличение темы */
}

/* Hover zoom in product tiles (do NOT affect single product pages) */
body:not(.single-product) .woocommerce ul.products li.product .product-img img.wp-post-image,
body:not(.single-product) .woocommerce-page ul.products li.product .product-img img.wp-post-image {
  transition: transform 180ms ease-in-out;
  will-change: transform;
}

body:not(.single-product) .woocommerce ul.products li.product .product-img:hover img.wp-post-image,
body:not(.single-product) .woocommerce-page ul.products li.product .product-img:hover img.wp-post-image {
  transform: scale(1.06);
}

/* Responsive box height */
@media (max-width: 992px) {
  body:not(.single-product) .woocommerce ul.products li.product .product-img,
  body:not(.single-product) .woocommerce-page ul.products li.product .product-img {
    height: 340px !important;
  }
}
@media (max-width: 576px) {
  body:not(.single-product) .woocommerce ul.products li.product .product-img,
  body:not(.single-product) .woocommerce-page ul.products li.product .product-img {
    height: 280px !important;
  }
}

/* -------------------------
   2) Titles (no truncation)
   ------------------------- */

body:not(.single-product) .woocommerce ul.products li.product .product-content h3,
body:not(.single-product) .woocommerce-page ul.products li.product .product-content h3 {
  line-height: 1.3;
  margin-top: 12px;
  margin-bottom: 0;
  min-height: 2.6em;
}