/* ==================================================================
   PODGLAD ZDJECIA NA CALY EKRAN

   Wyjety z `rozmowa.css` przy rozdzieleniu zasobow (30.09): reguly sa
   te same co do znaku, zmienil sie WYLACZNIE plik. Powod: podglad
   otwiera `public/js/fotopodglad.js`, a ten stoi na KAZDEJ stronie -
   zdjecie w komentarzu pod wpisem, w kanale, w moderacji i przy
   ogloszeniu. Zostawiony w arkuszu rozmowy znaczylby, ze albo caly
   99-kilobajtowy `rozmowa.css` jedzie na kazda strone portalu, albo
   podglad otwiera sie BEZ OPRAWY tam, gdzie rozmowy nie ma - czyli
   czarny prostokat bez guzika powrotu.

   Dlatego ten jeden kawalek nalezy do KOSTYAKA, a reszta arkusza
   rozmowy do stron rozmowy. Kolejnosc sie nie zmienia: `rozmowa.css`
   stal wyzej i tak samo stoi wyzej ten plik.
   ================================================================== */
/* ------------------------------------- zdjecie z rozmowy na caly ekran */
/* Po co wlasny podglad, a nie zwykly odnosnik: w zainstalowanej aplikacji
   nowa karta jest osobnym oknem i guzik "wstecz" telefonu wyrzucal czlowieka
   na pulpit zamiast wrocic do rozmowy. Tu "wstecz" zamyka podglad
   (public/js/fotopodglad.js doklada wpis do historii).

   z-index 1400: dolny pasek ma 1100, okienko "podziel sie" 1300. */
.fotov{position:fixed;inset:0;z-index:1400;background:#08080A;
  display:flex;align-items:center;justify-content:center}
.fotov[hidden]{display:none}
.fotov img{max-width:100%;max-height:100%;width:auto;height:auto;display:block}
.fotov-wstecz{position:absolute;top:calc(14px + env(safe-area-inset-top,0px));left:12px;
  width:44px;height:44px;border:0;border-radius:50%;cursor:pointer;
  background:rgba(0,0,0,.5);color:#fff;display:grid;place-items:center}
.fotov-wstecz svg{width:24px;height:24px}
.fotov-wstecz:active{background:rgba(0,0,0,.7)}
/* Strona pod podgladem nie moze sie przewijac. */
body.fotov-otwarty{overflow:hidden}