/*
  Oly Wishlist
  目标：
  1) 各类商品列表都能显示收藏按钮
  2) 收藏按钮在价格旁边
  3) 兼容经典 WooCommerce 列表、短码、系列页、Woo Blocks 产品集合
*/

/* 通用：强制把按钮“去主题化” */
.woocommerce .oly-wishlist-btn,
.woocommerce-page .oly-wishlist-btn,
li.wc-block-product .oly-wishlist-btn,
.wp-block-woocommerce-product-collection .oly-wishlist-btn,
.wc-block-product-template .oly-wishlist-btn {
  background: transparent !important;
  border: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  box-shadow: none !important;
  min-width: 0 !important;
  width: auto !important;
  height: auto !important;
  line-height: 0 !important;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: relative;
  z-index: 10;
}

.oly-wishlist-btn:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}

.oly-wishlist-btn:focus-visible {
  outline: 2px solid currentColor;
  outline-offset: 2px;
}

.oly-wishlist-icon {
  width: 20px;
  height: 20px;
  display: block;
  background: transparent !important;
}

/* 单品页稍大 */
.oly-wishlist-wrap-single .oly-wishlist-icon {
  width: 22px;
  height: 22px;
}

/* 列表页按钮 */
.oly-wishlist-inline {
  display: inline-flex;
  align-items: center;
  flex: 0 0 auto;
  margin-left: 6px;
}

.oly-price-text {
  display: inline-flex;
  align-items: center;
}

/* 经典 WooCommerce 列表 / 系列页 / 短码 */
.woocommerce ul.products li.product .price,
.woocommerce-page ul.products li.product .price {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}

/* Woo Blocks 产品集合 */
li.wc-block-product .wc-block-components-product-price,
.wp-block-woocommerce-product-collection .wc-block-components-product-price,
.wc-block-product-template .wc-block-components-product-price {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}

/* 列表页图标小一点 */
.woocommerce ul.products li.product .price .oly-wishlist-icon,
.woocommerce-page ul.products li.product .price .oly-wishlist-icon,
li.wc-block-product .wc-block-components-product-price .oly-wishlist-icon,
.wp-block-woocommerce-product-collection .wc-block-components-product-price .oly-wishlist-icon,
.wc-block-product-template .wc-block-components-product-price .oly-wishlist-icon {
  width: 16px;
  height: 16px;
}

/* 防止被整卡链接覆盖层吞点击 */
.woocommerce ul.products li.product .price .oly-wishlist-btn,
.woocommerce-page ul.products li.product .price .oly-wishlist-btn,
li.wc-block-product .wc-block-components-product-price .oly-wishlist-btn,
.wp-block-woocommerce-product-collection .wc-block-components-product-price .oly-wishlist-btn,
.wc-block-product-template .wc-block-components-product-price .oly-wishlist-btn {
  position: relative;
  z-index: 20;
}