/* ABI-NETTOBRUTTO-CSS-LOADED */

:root {
  --abi-nb-brand: #942328;
  --abi-nb-text: #3e3d40;
  --abi-nb-muted: #9c9e9f;
}

.abi-price-block {
  margin: 4px 0 2px;
  line-height: 1.3;
}

/* Mała przekreślona cena regularna (netto/brutto) */
.abi-price-regular {
  font-size: 12px;
  color: var(--abi-nb-muted) !important;
  text-decoration: line-through;
}

.abi-price-regular .abi-price-value,
.abi-price-regular .abi-price-label {
  color: var(--abi-nb-muted) !important;
}

/* Cena specyficzna - większa, wyróżniona */
.abi-price-special {
  margin-top: 2px;
}

.abi-price-special-label {
  display: block;
  font-size: 16px;
  text-transform: uppercase;
  letter-spacing: 0.03em;
  color: var(--abi-nb-brand) !important;
  font-weight: 600;
}

.abi-price-special-values {
  font-size: 16px;
  font-weight: 700;
  color: var(--abi-nb-brand) !important;
  white-space: nowrap;
}

/* Wariant bez promocji - jedna linia netto/brutto w normalnym rozmiarze */
.abi-price-single {
  font-size: 16px;
  font-weight: 700;
  color: var(--abi-nb-text) !important;
}

.abi-price-label {
  font-size: 0.75em;
  font-weight: 400;
  text-transform: lowercase;
}

.abi-price-sep {
  margin: 0 4px;
  opacity: 0.5;
}

/* Chowamy natywną cenę w kafelku kategorii, żeby nie dublowała się
   z naszym blokiem netto/brutto. Celowo ograniczone do miniaturki
   produktu (nie ruszamy karty produktu ani koszyka). */
.js-product-miniature .product-price-and-shipping > .price,
.js-product-miniature .product-price-and-shipping > .regular-price,
.js-product-miniature .product-price-and-shipping .discount-percentage,
.js-product-miniature .product-price-and-shipping .discount-amount {
  display: none !important;
}

/* ---------- Wariant dla karty produktu ----------
   Większe litery niż w kafelkach kategorii - tu jest więcej miejsca.
   BEZ ograniczenia do body#product: ten sam blok pojawia się też w
   oknie "Szybki podgląd" na stronie kategorii (tam nie ma body#product,
   bo to tylko fragment HTML wczytany przez AJAX). */
.abi-price-block-product {
  margin: 8px 0 16px;
}

.abi-price-block-product .abi-price-regular {
  font-size: 14px;
}

.abi-price-block-product .abi-price-regular-label {
  font-weight: 600;
  text-decoration: none;
  margin-right: 4px;
}

.abi-price-block-product .abi-price-special-label {
  font-size: 14px;
  margin-right: 6px;
}

.abi-price-block-product .abi-price-special {
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
}

.abi-price-block-product .abi-price-special-values {
  font-size: 20px;
  white-space: normal;
}

.abi-price-block-product .abi-price-single {
  font-size: 22px;
}

/* Chowamy natywny tekst ceny PrestaShop (dubluje się z naszym blokiem
   netto/brutto). WAŻNE: nasz blok renderuje się WEWNĄTRZ natywnego
   <span class="current-price-value"> (a nie przed nim, jak w kafelkach
   kategorii) - dlatego nie możemy schować całego kontenera (schowałoby
   to też nasz blok). Zamiast tego zerujemy rozmiar czcionki natywnego
   tekstu, a nasz zagnieżdżony blok jawnie przywraca sobie normalny
   rozmiar. Bez ograniczenia do body#product - dotyczy też Szybkiego
   podglądu na stronie kategorii. */
.product-prices .current-price-value {
  font-size: 0 !important;
}

.abi-price-block-product {
  font-size: 14px !important;
}

.tax-shipping-delivery-label {
  display: none !important;
}