/* ==========================================================================
   Module: Badge — Mitsubishi Đồng Nai
   BEM: .badge, .badge--*
   Phụ thuộc: variables.css
   ========================================================================== */

.badge {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 3px 10px;
  border-radius: var(--radius-full);
  font-size: var(--text-xs);
  font-weight: var(--font-bold);
  text-transform: uppercase;
  letter-spacing: 0.06em;
  line-height: 1.4;
  white-space: nowrap;
}

/* ===== VARIANTS ===== */
.badge--primary  { background: var(--color-primary);  color: #fff; }
.badge--gold     { background: var(--color-gold);     color: #fff; }
.badge--dark     { background: var(--color-dark-3);   color: var(--color-text-primary); }
.badge--success  { background: var(--color-success);  color: #fff; }
.badge--warning  { background: var(--color-warning);  color: #fff; }
.badge--outline-red {
  background: transparent;
  color: var(--color-primary);
  border: 1px solid var(--color-primary);
}
.badge--outline-gold {
  background: transparent;
  color: var(--color-gold);
  border: 1px solid var(--color-gold);
}

/* ===== SEMANTIC BADGES ===== */
/* Chính hãng */
.badge--official {
  background: var(--color-primary);
  color: #fff;
}

/* Mới / Hot */
.badge--new  { background: #2980B9; color: #fff; }
.badge--hot  { background: var(--color-primary); color: #fff; }

/* Khuyến mãi */
.badge--promo { background: var(--color-warning); color: #fff; }

/* Hết hàng / Coming Soon */
.badge--soon  { background: var(--color-dark-4); color: var(--color-text-secondary); }

/* Thông tin / Info */
.badge--info  { background: var(--color-info); color: #fff; }