/**
 * Apple Spare Market — Badges & tags
 * Use for SALE/NEW/HOT/LOW STOCK indicators.
 */

.asm-badge {
  display: inline-flex;
  align-items: center;
  gap: var(--asm-space-1);
  padding: 3px var(--asm-space-2);
  font-family: var(--asm-font-sans);
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  line-height: 1;
  border-radius: var(--asm-radius-sm);
  white-space: nowrap;
}

/* Sale (orange) */
.asm-badge--sale {
  background: var(--asm-accent);
  color: #ffffff;
}

/* New (green) */
.asm-badge--new {
  background: var(--asm-success);
  color: #ffffff;
}

/* Hot (amber) */
.asm-badge--hot {
  background: var(--asm-warning);
  color: #6b4500;
}

/* Discount % chip (soft orange) */
.asm-badge--discount {
  background: var(--asm-accent-tag-bg);
  color: var(--asm-accent-dark);
  text-transform: none;
  letter-spacing: 0;
  font-weight: 600;
}

/* In stock / low stock — small dot + text style */
.asm-stock {
  display: inline-flex;
  align-items: center;
  gap: var(--asm-space-1);
  font-size: 11px;
  font-weight: 500;
}
.asm-stock::before {
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 50%;
  flex-shrink: 0;
}
.asm-stock--ok {
  color: var(--asm-success);
}
.asm-stock--ok::before {
  background: var(--asm-success);
}
.asm-stock--low {
  color: var(--asm-warning-text);
}
.asm-stock--low::before {
  background: var(--asm-warning);
}
.asm-stock--out {
  color: var(--asm-text-muted);
}
.asm-stock--out::before {
  background: var(--asm-text-dim);
}

/* Sale countdown chip */
.asm-countdown-chip {
  background: var(--asm-accent);
  color: #ffffff;
  padding: 5px 10px;
  border-radius: var(--asm-radius-sm);
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.04em;
  display: inline-flex;
  align-items: center;
  gap: var(--asm-space-2);
}

.asm-countdown-chip__time {
  font-variant-numeric: tabular-nums;
  background: rgba(0, 0, 0, 0.15);
  padding: 2px 6px;
  border-radius: var(--asm-radius-xs);
}