/* =========================================================
   BLH – EV CHARGER (SHOP / PRODUCT ARCHIVE) FINAL CSS
   - Image hover zoom
   - Hide price (no space)
   - Equal image + title height
   - View Details shows on hover (and closer to title)
========================================================= */

/* =========================
   1) PRODUCT CARD 基础
========================= */
body.post-type-archive-product .product__item{
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  text-align:center !important;
}

/* =========================
   2) IMAGE AREA + HOVER ZOOM
   DOM: .product__thumb > img.wp-post-image
========================= */
body.post-type-archive-product .product__thumb{
  overflow:hidden !important; /* 放大不溢出 */
}

/* 统一图片尺寸（对齐用） */
body.post-type-archive-product .product__thumb img{
  height:260px !important;
  width:100% !important;
  object-fit:contain !important;
  margin-bottom:14px !important;

  /* hover 动画准备 */
  transform:scale(1);
  transition:transform .28s ease;
  will-change:transform;
}

/* Hover 整张卡片时，图片放大一点 */
body.post-type-archive-product .product__item:hover .product__thumb img{
  transform:scale(1.07);
}

/* =========================
   3) CONTENT AREA（标题+按钮区）
   不用固定高度也能对齐：靠标题 min-height
========================= */
body.post-type-archive-product .product__item .product__content{
  width:100% !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  min-height:0 !important; /* ✅ 以你最后的需求为准：不要多余高度 */
}

/* =========================
   4) TITLE HEIGHT UNIFY
========================= */
body.post-type-archive-product .product__item .product__title,
body.post-type-archive-product .product__item .woocommerce-loop-product__title{
  min-height:4.8em !important;
  line-height:1.35 !important;
  margin:0 !important;          /* 去掉默认下方空白 */
  margin-bottom:0 !important;   /* 双保险：不要空隙 */
}

/* =========================
   5) PRICE – 完全隐藏（不占位）
========================= */
body.post-type-archive-product .product__item .product__price,
body.post-type-archive-product .product__item .price,
body.post-type-archive-product .product__item .woocommerce-Price-amount,
body.post-type-archive-product .product__item .amount,
body.post-type-archive-product .product__item del,
body.post-type-archive-product .product__item ins{
  display:none !important;
}

/* =========================
   6) VIEW DETAILS – Hover 才出现
   位置：更靠近标题（margin-top:0）
========================= */
body.post-type-archive-product .product__item .blh-view-details-wrap{
  width:100% !important;
  display:flex !important;
  justify-content:center !important;

  margin-top:0 !important; /* ✅ 你最后的需求：更靠近标题 */

  opacity:0 !important;
  visibility:hidden !important;
  transform:translateY(8px) !important;
  transition:opacity .25s ease, transform .25s ease !important;
  pointer-events:none !important;
}

body.post-type-archive-product .product__item:hover .blh-view-details-wrap{
  opacity:1 !important;
  visibility:visible !important;
  transform:translateY(0) !important;
  pointer-events:auto !important;
}