/* Everyday Category Badges · premium visual refresh v1.1.0.
 * Scopes styles to plugin-owned .ecsb-badge nodes only.
 * Best Sellers remains red; discounts use an understated ivory / wine-red ticket.
 */
.woocommerce span.ecsb-badge,
.woocommerce ul.products li.product span.ecsb-badge,
.ast-woocommerce-container span.ecsb-badge,
span.ecsb-badge {
  position: absolute !important;
  top: 12px !important;
  left: 12px !important;
  right: auto !important;
  bottom: auto !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 0 !important;
  min-height: 0 !important;
  width: max-content !important;
  height: auto !important;
  padding: 8px 13px !important;
  border: 1px solid rgba(255,255,255,.28) !important;
  border-radius: 999px !important;
  color: #fff !important;
  background: #cc304c !important;
  font: 750 12px/1.2 system-ui, -apple-system, 'Segoe UI', sans-serif !important;
  letter-spacing: .2px !important;
  box-shadow: 0 4px 12px rgba(160,26,55,.18) !important;
  text-decoration: none !important;
  opacity: 1 !important;
  visibility: visible !important;
  z-index: 12 !important;
  transform: none !important;
  white-space: nowrap !important;
  pointer-events: none !important;
}

/* Keep the current featured-category (Best Sellers) appearance. */
.woocommerce span.ecsb-badge--hot,
span.ecsb-badge--hot {
  background: linear-gradient(135deg,#cf2849,#f05270) !important;
  color: #fff !important;
  box-shadow: 0 5px 15px rgba(204,45,76,.22) !important;
}

/* Premium discount ticket, rather than a solid blue capsule. */
.woocommerce span.ecsb-badge--discount,
.woocommerce ul.products li.product span.ecsb-badge--discount,
.ast-woocommerce-container span.ecsb-badge--discount,
span.ecsb-badge--discount {
  background: #fffcf8 !important;
  color: #24262c !important;
  border: 1px solid rgba(145, 69, 83, .24) !important;
  border-left: 3px solid #a84b62 !important;
  border-radius: 8px !important;
  padding: 9px 12px 9px 10px !important;
  box-shadow: 0 3px 11px rgba(29, 28, 38, .09) !important;
  font-size: 14px !important;
  font-weight: 750 !important;
  letter-spacing: -.35px !important;
  line-height: 1 !important;
  gap: 5px !important;
}

/* OFF is decorative: numeric percent still comes from actual product prices. */
.woocommerce span.ecsb-badge--discount::after,
span.ecsb-badge--discount::after {
  content: "OFF" !important;
  display: inline-block !important;
  color: #995367 !important;
  font-size: 8px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  letter-spacing: 1px !important;
  transform: translateY(1px);
}

@media(max-width:480px) {
  .woocommerce span.ecsb-badge,
  span.ecsb-badge {
    top: 8px !important;
    left: 8px !important;
    padding: 6px 10px !important;
    font-size: 11px !important;
  }
  .woocommerce span.ecsb-badge--discount,
  span.ecsb-badge--discount {
    padding: 7px 9px 7px 8px !important;
    font-size: 12px !important;
    border-radius: 7px !important;
  }
  .woocommerce span.ecsb-badge--discount::after,
  span.ecsb-badge--discount::after {
    font-size: 7px !important;
  }
}

/* Avoid duplicate stars from earlier Astra customizations. */
.woocommerce span.ecsb-badge::before,
span.ecsb-badge::before {
  content: none !important;
  display: none !important;
}