/* ── Oferta temei pe vitrina de sezon/eveniment (hero, poveste, „Cum se naște o farfurie") ──
   Inclus din theme_assets.html DOAR pentru temele v3, după season-core.css.
   Componenta e `.offer-badge` / `.price-old` / `.price-new` din generic.css; aici doar poziția
   pe cardurile vitrinei și culorile legate de tokenii temei (`--s-*`), ca să aibă contrast
   și pe fundalurile închise (Iarnă, Black Friday, Halloween, Revelion). */

/* Hero: badge-ul stă centrat pe cerc — sus pe cel mare, jos pe cel mic. */
.season-piece .season-piece__badge {
  position: absolute;
  z-index: 2;
  left: 50%;
  bottom: 12%;
  transform: translateX(-50%);
  max-width: 92%;
  font-size: clamp(11px, 1vw, 14px);
  padding: 4px 11px;
  pointer-events: none;
  box-shadow: 0 6px 16px -6px rgba(0, 0, 0, .55), 0 0 0 2px rgba(255, 255, 255, .9);
}
.season-piece--1 .season-piece__badge { bottom: auto; top: 6%; } /* jos, cercul mare iese din hero (tăiat) */
.season-piece--2 .season-piece__badge { font-size: 10px; padding: 3px 8px; bottom: -2%; }

/* Poveste + „Rezultatul": badge în flux, deasupra titlului / prețului. */
.season-story__badge, .craft-step__badge { align-self: flex-start; font-size: 12px; padding: 4px 10px; }

/* „Seturi din aceeași categorie": badge în colțul imaginii. */
.craft-more__item { position: relative; }
.craft-more__item .craft-more__badge { position: absolute; z-index: 2; top: 10px; left: 10px; max-width: calc(100% - 20px); pointer-events: none; }

/* Preț vechi tăiat + preț nou; culorile vin din temă (nu din --color-muted / --price ale magazinului). */
:is(.season-story__price, .craft-more__price).is-discounted { display: flex; flex-wrap: wrap; align-items: baseline; column-gap: 8px; row-gap: 2px; }
:is(.season-story__price, .craft-more__price) .price-old { color: var(--s-muted, currentColor); font-size: .8em; font-weight: 600; opacity: .9; }
:is(.season-story__price, .craft-more__price) .price-new { color: var(--s-price, var(--s-primary, currentColor)); font-weight: 700; }