/* Cena w promocji (widżet Creative Elements "abc-promo-price") - zapowiedź ceny w miniaturce produktu:
   "36,80 zł w Black Week", pod spodem ikona kalendarza i "od 23.11", bez tła (wariant 5 z artefaktu
   https://claude.ai/artifact/BwifsaAJfLeKcjzRRKTXsc). Ustawienia z zakładki Styl w edytorze nadpisują te reguły. */

/* Bez zapowiedzi (brak zaplanowanej promocji) blok nie zajmuje miejsca w karcie;
   "Tylko w listach z klasą abc-promo-price" - poza takimi listami ukryty. W edytorze widać go zawsze. */
.elementor-widget-abc-promo-price:not(:has(.abc-pp)),
.elementor-widget-abc-promo-price.abc-pp-scope-list { display: none; }
.abc-promo-price .elementor-widget-abc-promo-price.abc-pp-scope-list:has(.abc-pp),
.elementor-editor-active .elementor-widget-abc-promo-price.abc-pp-scope-list { display: block; }

.abc-pp { display: flex; flex-direction: column; align-items: center; gap: 2px; line-height: 1.25; text-align: center; }
.abc-pp-main { color: #111111; font-size: 13px; font-weight: 600; }
.abc-pp-price { color: #111111; font-size: 17px; font-weight: 800; white-space: nowrap; }
/* Odstęp marginesem - spacja między znacznikami znika przy kompilacji szablonu miniaturki */
.abc-pp-label { margin-left: .25em; color: #111111; }
.abc-pp-date { display: inline-flex; align-items: center; gap: 4px; color: #55615F; font-size: 12px; white-space: nowrap; }
.abc-pp-date svg { flex: 0 0 auto; }

@media (max-width: 767px) {
  .abc-pp-main { font-size: 14px; }
  .abc-pp-price { font-size: 19px; }
  .abc-pp-date { font-size: 13px; }
}