/* === PRODUCT CARD UX FIX — NON-BLOCKING OVERLAYS === */

/* KEY: Make overlay badges visible but NOT clickable */
/* They can be seen but your finger passes through to buttons */

.hplc-verified,
.verified-badge,
.trust-badge,
.hplc-badge,
.product-badge,
.quick-view-btn,
.quick-view,
.product-quick-view,
.yith-wcwl-add-button,
.add-to-wishlist,
.wishlist-btn,
.heart-icon,
.eye-icon,
[class*="quick-view"],
[class*="wishlist"],
[class*="hplc"],
[class*="verified"] {
  pointer-events: none !important;
  /* Taps go THROUGH these elements to buttons below */
}

/* Buttons always sit on top and receive clicks */
.ajax-add-to-cart,
.add_to_cart_button,
.product_type_simple,
.product_type_variable,
.read-more-btn,
.view-product-btn,
.pcard .btn,
.pcard a.button,
.pcard button,
.product-card .button,
li.product .button,
li.product .add_to_cart_button {
  position: relative !important;
  z-index: 9999 !important;
  pointer-events: auto !important;
  cursor: pointer !important;
}

/* On mobile: shrink badges and move them out of button zone */
@media (max-width: 768px) {
  /* Shrink HPLC badge and move to top corner */
  .hplc-verified,
  .verified-badge,
  .hplc-badge {
    top: 5px !important;
    left: 5px !important;
    right: auto !important;
    bottom: auto !important;
    font-size: 10px !important;
    padding: 2px 6px !important;
    opacity: 0.9 !important;
    z-index: 1 !important;
  }
  
  /* Shrink quick view icon and move to top-right */
  .quick-view-btn,
  .quick-view,
  .eye-icon {
    top: 5px !important;
    right: 5px !important;
    left: auto !important;
    bottom: auto !important;
    width: 28px !important;
    height: 28px !important;
    font-size: 12px !important;
    z-index: 1 !important;
  }
  
  /* Shrink wishlist heart and move to top-right below eye */
  .wishlist-btn,
  .add-to-wishlist,
  .heart-icon {
    top: 38px !important;
    right: 5px !important;
    left: auto !important;
    bottom: auto !important;
    width: 28px !important;
    height: 28px !important;
    font-size: 12px !important;
    z-index: 1 !important;
  }
  
  /* Ensure button area is clear of overlays */
  .pcard .button-area,
  .pcard .btn-group,
  .pcard .product-buttons,
  .product-card .button-area {
    position: relative !important;
    z-index: 9999 !important;
    pointer-events: auto !important;
  }
}