/**
 * UruShop Badges Styles
 */

:root {
  /* Product Badge Colors */
  --urushop-badge-bestseller-bg: #FFB612;
  --urushop-badge-bestseller-color: #0D0D0D;
  --urushop-badge-new-bg: #C3F73A;
  --urushop-badge-new-color: #0D0D0D;
  --urushop-badge-sale-bg: #FF6B35;
  --urushop-badge-sale-color: #FFFFFF;
  --urushop-badge-organic-bg: #00A86B;
  --urushop-badge-organic-color: #FFFFFF;
  --urushop-badge-featured-bg: #6366F1;
  --urushop-badge-featured-color: #FFFFFF;

  /* Trust Badge Colors - uses Soft Cream from theme.json */
  --urushop-trust-bg: var(--wp--preset--color--softcream, #FAF9F6);
  --urushop-trust-color: #00A86B;
  --urushop-trust-border: #E8E6E1;

  /* Stock Status Colors */
  --urushop-stock-in: #00A86B;
  --urushop-stock-low: #FFB612;
  --urushop-stock-backorder: #6366F1;
  --urushop-stock-out: #FF6B35;
}

/* ==========================================================================
   Product Badges
   ========================================================================== */

.urushop-product-badge {
  display: inline-flex;
  align-items: center;
  padding: 4px 12px;
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  border-radius: 9999px;
  line-height: 1.2;
}

.urushop-product-badge--bestseller {
  background-color: var(--urushop-badge-bestseller-bg);
  color: var(--urushop-badge-bestseller-color);
}

.urushop-product-badge--new {
  background-color: var(--urushop-badge-new-bg);
  color: var(--urushop-badge-new-color);
}

.urushop-product-badge--sale {
  background-color: var(--urushop-badge-sale-bg);
  color: var(--urushop-badge-sale-color);
}

.urushop-product-badge--organic {
  background-color: var(--urushop-badge-organic-bg);
  color: var(--urushop-badge-organic-color);
}

.urushop-product-badge--featured {
  background-color: var(--urushop-badge-featured-bg);
  color: var(--urushop-badge-featured-color);
}

/* Custom badges use inline styles for background-color and color */
.urushop-product-badge--custom {
  /* Colors set via inline styles from color picker */
}

/* ==========================================================================
   Archive/Shop Badge Positioning
   ========================================================================== */

/* Container for badges on archive/shop product cards */
.urushop-archive-badges {
  position: absolute;
  top: 12px;
  left: 12px;
  z-index: 10;
  display: flex;
  flex-direction: column;
  gap: 6px;
  pointer-events: none;
}

/* Ensure product image container has relative positioning */
.wc-block-components-product-image {
  position: relative;
}

/* Also handle classic WooCommerce loop structure */
.woocommerce ul.products li.product .urushop-archive-badges {
  position: absolute;
  top: 10px;
  left: 10px;
  z-index: 10;
}

/* Smaller badges on archive cards */
.urushop-archive-badges .urushop-product-badge {
  padding: 3px 10px;
  font-size: 11px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

/* ==========================================================================
   Trust Badges
   ========================================================================== */

.urushop-trust-badges {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 16px;
  padding: 16px 24px;
  background-color: var(--urushop-trust-bg);
  border: 1px solid var(--urushop-trust-border);
  border-radius: 12px;
  margin: 16px 0;
}

@media (min-width: 768px) {
  .urushop-trust-badges {
    gap: 24px;
  }
}

.urushop-badge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 14px;
  font-weight: 500;
  color: var(--urushop-trust-color);
  white-space: nowrap;
}

.urushop-badge__icon {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
}

/* Trust Badge Variants */
.urushop-badge--authentic,
.urushop-badge--shipping {
  color: var(--urushop-trust-color);
}

/* Stock Status Variants */
.urushop-badge--in-stock,
.urushop-badge--stock.urushop-badge--in-stock {
  color: var(--urushop-stock-in);
}

.urushop-badge--low-stock,
.urushop-badge--stock.urushop-badge--low-stock {
  color: var(--urushop-stock-low);
}

.urushop-badge--backorder,
.urushop-badge--stock.urushop-badge--backorder {
  color: var(--urushop-stock-backorder);
}

.urushop-badge--out-of-stock,
.urushop-badge--stock.urushop-badge--out-of-stock {
  color: var(--urushop-stock-out);
}