/* ==========================================================================
   badges.css — الشارات (Badges): خصم / عرض / توفير / عدّاد
   شركة السرعة المطلقة | كل القيم من tokens.css — RTL.
   ========================================================================== */

/* الأساس (Base) */
.badge {
  display: inline-block;
  padding-block: var(--space-4);
  padding-inline: var(--space-12);
  font-size: var(--fs-2xs);
  font-weight: var(--fw-bold);
  line-height: var(--lh-tight);
  border-radius: var(--radius-md);
  white-space: nowrap;
}

/* خصم (Discount) — "23% خصم"
   WC-NOTE: <span class="badge badge--discount">23% خصم</span>
   تُحسب من سعر العرض: woocommerce_sale_flash / (regular - sale) */
.badge--discount {
  background-color: var(--color-primary);
  color: var(--color-text-invert);
}

/* عرض/شريط زاوية (Promo ribbon) — "اشتري ٢ واحصل علي ٢"
   Requires parent position: relative — handled by .product-card in Batch 3
   WC-NOTE: علم meta على المنتج أو إضافة تسعير ديناميكي (BOGO) */
.badge--promo {
  position: absolute;
  inset-block-start: var(--space-12);
  inset-inline-start: 0;
  background-color: var(--color-primary);
  color: var(--color-text-invert);
  border-start-end-radius: var(--radius-md);
  border-end-end-radius: var(--radius-md);
  border-start-start-radius: 0;
  border-end-start-radius: 0;
}

/* توفير (Save) — "206 ريال وفرت"
   WC-NOTE: تُحسب regular - sale */
.badge--save {
  background-color: var(--color-success);
  color: var(--color-text-invert);
  border-radius: var(--radius-pill);
}

/* عدّاد (Count) — شارة عدد السلة على الهيدر
   WC-NOTE: WC()->cart->get_cart_contents_count() */
.badge--count {
  min-width: var(--space-16);
  height: var(--space-16);
  padding-inline: var(--space-4);
  background-color: var(--color-accent);
  color: var(--color-text-invert);
  border-radius: var(--radius-pill);
  text-align: center;
}