/* One compact badge for WooCommerce loops and all homepage product collections. */
.idepoo-sale-badge {
  position: absolute;
  z-index: 3;
  top: 10px;
  inset-inline-start: 10px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  box-sizing: border-box;
  max-width: calc(100% - 20px);
  min-height: 34px;
  padding: 7px 11px;
  border: 1px solid rgb(255 255 255 / 65%);
  border-radius: 11px 11px 11px 3px;
  background: linear-gradient(125deg, #e61937, #b80d2b);
  color: #fff;
  box-shadow: 0 4px 12px rgb(185 13 43 / 20%);
  font-family: inherit;
  line-height: 1.4;
  white-space: nowrap;
  pointer-events: none;
}
.idepoo-sale-badge__percent { font-size: 15px; font-weight: 850; }
.idepoo-sale-badge__label { font-size: 11px; font-weight: 650; }
.woocommerce ul.products li.product .idepoo-sale-badge { top: 20px; inset-inline-start: 20px; }
/* Keep the previous price visible on narrow cards as well. */
.woocommerce ul.products li.product .price del {
  display: block;
  margin-bottom: 3px;
  color: #6b7788;
  font-size: .75rem;
}
.woocommerce ul.products li.product .price ins { display: inline-block; }
@media (max-width: 560px) {
  .idepoo-sale-badge { top: 7px; inset-inline-start: 7px; min-height: 29px; padding: 5px 7px; gap: 4px; border-radius: 9px 9px 9px 3px; }
  .idepoo-sale-badge__percent { font-size: 13px; }
  .idepoo-sale-badge__label { font-size: 10px; }
  .woocommerce ul.products li.product .idepoo-sale-badge { top: 12px; inset-inline-start: 12px; }
  .woocommerce ul.products li.product .price del { display: block; font-size: .68rem; }
}