/**
 * Cena promocyjna w krótkiej postaci — `template-parts/cena-promocja.php`.
 *
 * Canvas: `docs/canvas/cena-promocyjna/project/A-K1440.dc.html` (wariant A).
 * Rząd: cena bieżąca, przekreślona najniższa cena z 30 dni, plakietka rabatu;
 * pod nim wiersz „Najniższa cena: X" 13 px. Rozmiar i kolor kwoty bieżącej
 * oraz `<del>` daje arkusz powierzchni (kafel: `content-product.css`).
 *
 * ⚠︎ Rodzic kafla ma `white-space: nowrap` (`.szewko-karta__cena`), więc
 * blok przywraca zawijanie — inaczej wiersz Omnibusa wyjeżdża poza kafel
 * 165 px przy 390.
 */

.szewko-cena-promocja {
  display: inline-flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 4px 8px;
  white-space: normal;

  & ins {
    text-decoration: none;
    background: none;
    color: inherit;
    white-space: nowrap;
  }
}

/* Klasa, nie sam `del`: `.szewko-karta__cena del` daje `margin-right`, który
   przy `gap` podwajałby odstęp. */
.szewko-cena-promocja .szewko-cena-promocja__stara {
  margin-right: 0;
  white-space: nowrap;
}

.szewko-cena-promocja__rabat {
  align-self: center;
  padding: 2px 6px;
  border-radius: var(--radius-sm);
  background: var(--color-terracotta);
  color: var(--color-parchment);
  font-family: var(--font-ui);
  font-weight: 600;
  font-size: 11.5px;
  line-height: 1.3;
  white-space: nowrap;
}

/* Omnibus — obowiązek, nie przypis: ≥ 13 px na kaflu, 6,5:1 na Pergaminie
   (brief `docs/strony/cena-promocyjna.md` §2 pkt 5). */
.szewko-cena-promocja__omnibus {
  flex-basis: 100%;
  font-family: var(--font-body);
  font-weight: 400;
  font-size: 13px;
  line-height: 1.35;
  color: var(--color-camel-brown);

  & .woocommerce-Price-currencySymbol {
    font-size: inherit;
  }
}

.szewko-cena-promocja__najnizsza {
  font-family: var(--font-cena);
  font-weight: 600;
  white-space: nowrap;
}