/* Store Weave 通用商品徽章：前端商品列表与 WooCommerce / CommerceKit 图库定位。 */
/* StoreWeave Product Badges：所有徽章均在产品图片区域内，CSS 不修改价格或商品数据。 */
.woocommerce ul.products li.product .woocommerce-LoopProduct-link,
.woocommerce ul.products li.product a.woocommerce-loop-product__link,
.woocommerce ul.products li.product .product-image { position:relative; }
.single-product div.product .woocommerce-product-gallery{position:relative;}
.single-product div.product .woocommerce-product-gallery > .swb-badges{position:absolute;inset:0;display:block;z-index:8;}
/* CommerceKit SSR：官方 commercekit_before_gallery Hook 在图库 wrapper 内直接输出徽章。
   第一帧即可显示；JS 只在替换图库或原生 WooCommerce 兜底时补挂，不操作轮播图列表。 */
body.single-product #commercegurus-pdp-gallery-wrapper {position:relative;}
body.single-product #commercegurus-pdp-gallery-wrapper > .swb-single-sale-overlay {
  position:absolute;inset:0;display:block;z-index:12;pointer-events:none;
}
/* fallback: only JS-mounted gallery badge uses this host; no transition/fade-in. */
body.single-product .cg-main-swiper.swb-sale-gallery-host,
body.single-product .woocommerce-product-gallery.swb-sale-gallery-host {position:relative;}
body.single-product .swb-sale-gallery-host > .swb-single-sale-overlay {
  position:absolute;inset:0;z-index:12;pointer-events:none;display:block;
}
body.single-product .swb-single-sale-overlay .swb-top-right {
  top:var(--swb-badge-offset,10px);right:var(--swb-badge-offset,10px);
}
/* Only the fallback outside both accepted gallery hosts is hidden to prevent misplaced badges. */
body.single-product .swb-single-sale-overlay:not(#commercegurus-pdp-gallery-wrapper > .swb-single-sale-overlay):not(.swb-sale-gallery-host > .swb-single-sale-overlay) {
  visibility:hidden;
}

/* 手机端只在前台 max-width:767px 启用独立 Sale 圆形与文字字号。 */
@media (max-width:767px) {
  .swb-badges {
    --swb-active-circle-size:var(--swb-mobile-circle-size,52px);
    --swb-active-sale-word-size:var(--swb-mobile-sale-word-size,10px);
    --swb-active-sale-percent-size:var(--swb-mobile-sale-percent-size,18px);
  }
  .swb-badge-stack {gap:min(var(--swb-stack-gap,5px),5px);}
  .swb-badge {padding:min(var(--swb-badge-pad-v,5px),5px) min(var(--swb-badge-pad-h,8px),7px);font-size:min(var(--swb-label-size,14px),12px);}
  .swb-badge.swb-circle {font-size:11px;}
  .swb-badge.swb-new {font-size:min(var(--swb-new-font-size,14px),12px);}
  .swb-badge.swb-tier {font-size:min(var(--swb-bulk-font-size,14px),12px);}
  .swb-badge.swb-free {font-size:min(var(--swb-free-font-size,14px),12px);}
}