/* ---------------------------------------------------------------------
   PASEK DZIALAN NA DOLE FORMULARZA - `.dol-pasek` (wlasciciel 01.11 16:34:
   "kreska Wstecz / Dalej PRZYBITA nad dolnym menu i nie jezdzi; przewija sie
   tylko tresc"). JEDEN klocek dla wszystkich formularzy publikacji (usluga,
   zlecenie, oferta pracy, "Jak pokazac?"): szablon `fu/_dol` (+ `parts/_dol-pasek`), arkusz ten plik.

   Telefon / planszet (do 1023 px): `position:fixed` przy dole ekranu; tlo
   JEDNOLITE na cala szerokosc i az do samego dolu (pod dolnym menu - menu
   stoi wyzej, `z-index` 1100 > 1050), wiec miedzy paskiem a menu nie ma
   szczeliny, przez ktora widac tresc. Guziki stoja nad rombem menu
   (`--tb-nad`) i paskiem gestow (safe-area); przy podniesionym menu
   (`--tb-dol`, `tabbar.js`) jada razem z nim. Tresc dostaje zapas na dole
   (`body:has(.dol-pasek)`) - ostatnie pole przewija sie W CALOSCI nad paskiem.
   Laptop (od 1024 px): zwykly blok na dole kolumny formularza.
--------------------------------------------------------------------- */
:root{--dp-wys:68px}
/* Klasa podwojona wygrywa z dawnymi paskami ekranow (`.fm-pasek`, `.b14-dol`) - jedno rozwiazanie.
   Uklad SRODKA paska (guziki obok siebie, "Razem" nad guzikami) daje ekran (`.fk-dol`,
   `.b6-kr-guziki`, `.b14-dol-g`); ten plik daje tylko POLOZENIE i TLO. Wysokosc paska
   (`--dp-wys`) mierzy `js/dol-pasek.js` - zapas tresci rowny paskowi takze z "Razem". */
@media (max-width:1023px){
  .dol-pasek.dol-pasek{position:fixed;left:0;right:0;top:auto;bottom:0;z-index:1050;box-sizing:border-box;margin:0;width:auto;max-width:none;
    padding:10px max(16px,env(safe-area-inset-right,0px)) calc(var(--tb-nad,62px) + var(--tb-dol,0px) + 8px + env(safe-area-inset-bottom,0px)) max(16px,env(safe-area-inset-left,0px));
    background:var(--z-tlo,var(--b-bg,var(--b-tlo,var(--paper,#09090B))));border:0;border-top:1px solid var(--z-ramka,var(--b-ramka,#22222A));box-shadow:none;border-radius:0}
  html body:has(.dol-pasek),html body.kab-strona:has(.dol-pasek){padding-bottom:calc(var(--tb-zapas,78px) + var(--dp-wys) + 12px)}
}
@media (min-width:1024px){
  .dol-pasek.dol-pasek{position:static;margin:26px 0 0;padding:0;background:none;border:0}
}