/* ==========================================================================
   parts/badge.css — horse status badge (parts/badge.php; ARCHITECTURE "Horse card rendering rules").
   Live: .horse-slider__badge (+ Fluent Snippet 11 colours for wlp-badge / wlp-lo, DI-H5).
     <div class="badge badge--new|sold|ladies">New</div>
   Box: Inter 700 14px, 1.4rem 5rem padding, upper case, white on the variant colour, no radius
   (133.09 × 55.25 for "NEW"). line-height is inherited (27.25px from body, as live's div).
   Placement is the host's job (horse-card.css pins it top-right).
   ========================================================================== */

.badge {
  --badge-bg: var(--primary);
  display: block;
  padding: 1.4rem 5rem;
  background-color: var(--badge-bg);
  color: var(--white);
  font-size: 1.4rem;
  font-weight: 700;
  text-transform: uppercase;
}

.badge--new { --badge-bg: var(--primary); }
.badge--sold { --badge-bg: var(--wfx-sold); }
.badge--ladies { --badge-bg: var(--wfx-ladies); }   /* ladies-only while New; Sold wins (DI-H5) */