/* Przełącznik netto/brutto. Wygląd przejmuje motyw (.fk-vat), tutaj tylko
   minimum, żeby element byl uzywalny także bez motywu potomnego. */

.fk-vat { display: inline-flex; gap: 2px; padding: 2px; border-radius: 100px; }
.fk-vat__btn {
  display: inline-flex; align-items: center; justify-content: center;
  min-height: 28px; padding: 4px 12px;
  border-radius: 100px; font-size: .85rem; line-height: 1;
  text-decoration: none; white-space: nowrap;
}
.fk-vat__btn.fk-is-on { font-weight: 600; }

/* Cel dotykowy: przy wskazniku dotykowym 28 px to za malo, a przełącznik
   siedzi w gestym pasku gornym, więc latwo trafic w sasiada. */
@media (pointer: coarse) {
  .fk-vat__btn { min-height: 44px; padding-inline: 16px; }
}

.fk-ceny__nota { margin-top: 10px; }


/* =========================================================================
   Przełączanie netto/brutto bez przeładowania

   Serwer wypisuje OBIE kwoty, przeglądarka pokazuje jedną. `display: contents`
   zamiast `inline`, bo opakowanie ma zniknąć z układu — w środku bywa
   znacznik blokowy (nota Omnibus, akapit przy przycisku), a blok w spanie
   liniowym potrafi rozbić wiersz.
   ========================================================================= */

.fk-cena { display: none; }

html.fk-ceny-brutto .fk-cena--brutto,
html.fk-ceny-netto .fk-cena--netto { display: contents; }

/* Zanim skrypt ustawi klasę (albo gdy go nie ma) pokazujemy brutto —
   to wariant dla klienta detalicznego i domyślny na tym sklepie. */
html:not(.fk-ceny-netto):not(.fk-ceny-brutto) .fk-cena--brutto { display: contents; }