/* Poprawki strony produktu. */

/* ------------------------------------------------------------------
   B2B: dodatkowa linia z ceną netto pod ceną brutto.
   Renderuje ją moduł `mxb2bnetprice` (hook displayProductPriceBlock,
   type="weight") i TYLKO dla klientów z grup wskazanych w konfiguracji
   MXB2B_NET_GROUPS. Dla klienta detalicznego element .mx-net-price w ogóle
   nie powstaje, więc wszystkie reguły poniżej są dla detalu martwe.
   ------------------------------------------------------------------ */
.mx-net-price {
  font-size: 0.8125rem;
  line-height: 1.35;
  font-weight: 400;
  color: #777;
  margin-top: 2px;
}

/* Na karcie produktu hook "weight" wypada NAD etykietą "Brutto", przez co
   etykieta czytałaby się jak podpis linii netto. Przestawiamy kolejność, żeby
   szło: cena brutto -> "Brutto" -> "125,20 zł netto".
   :has() zawęża flexa wyłącznie do bloków, w których ta linia faktycznie jest,
   czyli do widoku klienta B2B. Przeglądarki bez :has() pokażą linię netto nad
   etykietą - treść nadal jest poprawna, bo linia sama się opisuje ("netto"). */
.product-prices:has(> .mx-net-price) {
  display: flex;
  flex-direction: column;
}
.product-prices:has(> .mx-net-price) > .tax-shipping-delivery-label {
  order: 1;
}
.product-prices:has(> .mx-net-price) > .mx-net-price {
  order: 2;
  margin-top: 0;
}

/* Kafelek na listingu i na stronie głównej: nie ma tam etykiety podatku, więc
   linia zostaje pod ceną. Uwaga - .product-price-and-shipping to flex row z
   flex-wrap:wrap, a .price ma order:1. Bez własnego order nasza linia wskoczyłaby
   PRZED cenę brutto i w tej samej linii; flex-basis:100% wymusza łamanie wiersza. */
.product-price-and-shipping .mx-net-price {
  order: 9;
  flex: 0 0 100%;
  width: 100%;
  font-size: 0.75rem;
  margin-top: 1px;
}