/**
 * Sen Computer — themed promotion/soldes badges + old-price/new-price display.
 * Shared between the admin promotion page and (later) the live storefront catalog.
 */

.promo-badge {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 5px 10px;
  border-radius: 999px;
  font-size: var(--fs-9);
  font-weight: var(--weight-700);
  letter-spacing: 0.02em;
  line-height: 1;
  white-space: nowrap;
}

.promo-badge .sc-icon { font-size: 14px; }

/* Themes (used when promo-badge is NOT a "soldes") */

.promo-badge--defaut { background: var(--salmon-pink); color: var(--eerie-black); }

.promo-badge--hiver { background: #4a90d9; color: var(--white); }
.promo-badge--noel { background: #c0392b; color: var(--white); }
.promo-badge--automne { background: #c9752f; color: var(--white); }
.promo-badge--rentree-scolaire { background: #3949ab; color: var(--white); }
.promo-badge--ete { background: #f4c542; color: var(--eerie-black); }
.promo-badge--black-friday { background: #111; color: #f4c542; }
.promo-badge--personnalise { background: var(--eerie-black); color: var(--white); }

/* "soldes" always reads as bold clearance, regardless of season theme */

.promo-badge.is-soldes {
  background: #111;
  color: var(--white);
  font-size: var(--fs-8);
  padding: 6px 12px;
}

.promo-badge.is-soldes .promo-badge-percent { color: #ff5252; }

.promo-price-display {
  display: flex;
  align-items: baseline;
  gap: 8px;
  margin-top: 6px;
}

.promo-price-display .promo-price-old {
  font-size: var(--fs-8);
  color: var(--sonic-silver-aa);
  text-decoration: line-through;
}

.promo-price-display .promo-price-new {
  font-size: var(--fs-5);
  font-weight: var(--weight-700);
  color: var(--eerie-black);
}

.promo-price-display.no-old .promo-price-old { display: none; }