/* WOW Product Grid for WooCommerce (v1.2.2)
   Fix:
   - Hover now reliably shows the 2nd image again.
   - Primary image zoom is applied ONLY to the primary image.
   - Secondary sits above primary via z-index stacking, and primary fades out only when secondary exists.
*/

/* Card + spacing (same as before, compacted) */
.woocommerce ul.products li.product.wowpgw-product-card,
.woocommerce ul.products li.product-category{ padding:16px; box-sizing:border-box; }
.woocommerce .related ul.products li.product.wowpgw-product-card,
.woocommerce .upsells ul.products li.product.wowpgw-product-card,
.woocommerce .cross-sells ul.products li.product.wowpgw-product-card{ padding:20px; }

@media (max-width:900px){
  .woocommerce ul.products li.product.wowpgw-product-card,
  .woocommerce ul.products li.product-category{ padding:14px; }
  .woocommerce .related ul.products li.product.wowpgw-product-card,
  .woocommerce .upsells ul.products li.product.wowpgw-product-card,
  .woocommerce .cross-sells ul.products li.product.wowpgw-product-card{ padding:16px; }
}
@media (max-width:600px){
  .woocommerce ul.products li.product.wowpgw-product-card,
  .woocommerce ul.products li.product-category{ padding:12px; }
  .woocommerce .related ul.products li.product.wowpgw-product-card,
  .woocommerce .upsells ul.products li.product.wowpgw-product-card,
  .woocommerce .cross-sells ul.products li.product.wowpgw-product-card{ padding:14px; }
}

.woocommerce ul.products li.product.wowpgw-product-card{
  position:relative; border-radius:18px; overflow:hidden;
  background:rgba(255,255,255,.90);
  box-shadow:0 10px 30px rgba(0,0,0,.08);
  transition:transform .22s ease, box-shadow .22s ease;
  display:flex; flex-direction:column; height:100%;
}
.woocommerce ul.products li.product.wowpgw-product-card:hover{
  transform:translateY(-6px);
  box-shadow:0 18px 45px rgba(0,0,0,.13);
}

/* Hide price + add-to-cart in grids */
.woocommerce ul.products li.product .price{ display:none !important; }
.woocommerce ul.products li.product a.add_to_cart_button,
.woocommerce ul.products li.product a.ajax_add_to_cart,
.woocommerce ul.products li.product a.button.add_to_cart_button,
.woocommerce ul.products li.product .add_to_cart_button{ display:none !important; }

/* Thumbnail frame */
.woocommerce ul.products li.product.wowpgw-product-card a.woocommerce-LoopProduct-link,
.woocommerce ul.products li.product.wowpgw-product-card a.woocommerce-loop-product__link{
  position:relative; display:block; overflow:hidden; border-radius:14px;
}

/* PRIMARY IMAGE (only) */
.woocommerce ul.products li.product.wowpgw-product-card img.wp-post-image{
  position: relative;
  z-index: 1;
  display:block;
  width:100%;
  height:auto;
  transform: scale(1);
  transition: opacity .22s ease, transform .55s ease;
}
.woocommerce ul.products li.product.wowpgw-product-card:hover img.wp-post-image{
  transform: scale(1.04);
}

/* SECONDARY WRAP sits above primary */
.woocommerce ul.products li.product.wowpgw-product-card .wowpgw-secondary-image-wrap{
  position:absolute;
  inset:0;
  pointer-events:none;
  overflow:hidden;
  border-radius:14px;
  z-index: 2;
}
.woocommerce ul.products li.product.wowpgw-product-card img.wowpgw-secondary-image{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit: cover;
  opacity:0;
  transform: translateY(8px) scale(1.02);
  transition: opacity .28s ease, transform .55s ease;
}
.woocommerce ul.products li.product.wowpgw-product-card:hover img.wowpgw-secondary-image{
  opacity:1;
  transform: translateY(0) scale(1.04);
}

/* Fade primary ONLY when JS marked that this card has a secondary */
.woocommerce ul.products li.product.wowpgw-product-card.wowpgw-has-secondary:hover img.wp-post-image{
  opacity: 0;
}

/* Title clamp */
.woocommerce ul.products li.product.wowpgw-product-card .woocommerce-loop-product__title,
.woocommerce ul.products li.product.wowpgw-product-card h2.woocommerce-loop-product__title{
  line-height:1.25;
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
  overflow:hidden;
  min-height:calc(1.25em * 2);
}

/* Badges */
.wowpgw-badges{ position:absolute; top:18px; left:18px; display:flex; gap:6px; z-index:5; }
.wowpgw-badge{ background:rgba(0,0,0,.55); color:#fff; padding:5px 9px; border-radius:999px; font-size:12px; font-weight:700; }

/* Button bottom aligned */
.wowpgw-view-more{
  margin-top:auto; margin-bottom:10px;
  text-align:center; padding:.72rem 1rem;
  border-radius:999px; background:rgba(0,0,0,.05);
  border:1px solid rgba(0,0,0,.10);
  text-decoration:none; font-weight:700; color:rgba(0,0,0,.78);
}
.woocommerce ul.products li.product:hover .wowpgw-view-more{ background:rgba(0,0,0,.08); color:rgba(0,0,0,.88); }

/* Blocks (unchanged behavior) */
.wc-block-grid__products{ gap:24px !important; }
@media (max-width:900px){ .wc-block-grid__products{ gap:18px !important; } }
@media (max-width:600px){ .wc-block-grid__products{ gap:14px !important; } }

.wc-block-grid__products .wc-block-grid__product{
  padding:16px; box-sizing:border-box; border-radius:18px; overflow:hidden;
  background:rgba(255,255,255,.90);
  box-shadow:0 10px 30px rgba(0,0,0,.08);
  transition:transform .22s ease, box-shadow .22s ease;
  display:flex; flex-direction:column; height:100%;
}
.wc-block-grid__products .wc-block-grid__product:hover{
  transform:translateY(-6px); box-shadow:0 18px 45px rgba(0,0,0,.13);
}
@media (max-width:900px){ .wc-block-grid__products .wc-block-grid__product{ padding:14px; } }
@media (max-width:600px){ .wc-block-grid__products .wc-block-grid__product{ padding:12px; } }

.wc-block-grid__products .wc-block-grid__product-price,
.wc-block-grid__products .wc-block-grid__product-add-to-cart{ display:none !important; }

.wc-block-grid__products .wc-block-grid__product-title{
  line-height:1.25;
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
  overflow:hidden;
  min-height:calc(1.25em * 2);
}

.wowpgw-block-view{
  margin-top:auto;
  text-align:center;
  padding:.72rem 1rem;
  border-radius:999px;
  background:rgba(0,0,0,.05);
  border:1px solid rgba(0,0,0,.10);
  text-decoration:none;
  font-weight:700;
  color: rgba(0,0,0,.78);
}
.wc-block-grid__products .wc-block-grid__product:hover .wowpgw-block-view{
  background:rgba(0,0,0,.08);
  color: rgba(0,0,0,.88);
}

.wowpgw-block-thumb{ position:relative; overflow:hidden; border-radius:14px; }
.wowpgw-block-secondary{
  position:absolute; inset:0; width:100%; height:100%; object-fit:cover;
  opacity:0; transition: opacity .28s ease, transform .55s ease;
  transform: translateY(8px) scale(1.02); pointer-events:none;
}
.wc-block-grid__products .wc-block-grid__product:hover .wowpgw-block-secondary{
  opacity:1; transform: translateY(0) scale(1.04);
}
.wc-block-grid__products .wc-block-grid__product.wowpgw-block-has-secondary:hover img{ opacity:0; transition: opacity .22s ease; }
