/* Lytebox: okno ze zdjęciem na środku ekranu. Wczytywać PO lytebox.css. */

/* Lytebox liczy wymiary ramki dla klasycznego box-sizing (content-box).
   Globalne "border-box" z arkusza strony psuło ramkę, więc przywracamy je w obrębie okna. */
#lbMain * { box-sizing: content-box; }

#lbMain {
  box-sizing: border-box;
  position: fixed !important;
  top: 0 !important;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 10px 0;
  display: flex;                  /* skrypt chowa okno przez inline display:none */
  flex-direction: column;
  align-items: flex-start;        /* środkowanie poziome robią auto-marginesy dzieci */
  overflow: auto;                 /* gdy zdjęcie jest większe niż ekran, można przewijać */
}
#lbMain::before, #lbMain::after { content: ""; flex: 1 1 0; min-height: 0; }  /* rozpórki = środkowanie w pionie */
#lbMain > * { flex: none; margin-left: auto; margin-right: auto; }