/* Galeria na telefonie na stronach parafialnych (layouty rdzenia, bez Savio): siatka jak w Zdjeciach na iPhonie.
   Dotyczy galerii z core-js/gallery-show-bootstrap.js (kafelki w div.row); stara tabela (gallery_show.js) bez zmian. */

/* Galeria na telefonie: trzy kolumny kwadratow z odstepem 2 px, prawie do krawedzi ekranu (jak Zdjecia na iPhonie). */
@media (max-width: 767px) {
  div#gallery_show div.row {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 2px;
    /* 4 px od krawedzi ekranu niezaleznie od paddingu szablonu (kolumna na telefonie jest wysrodkowana) */
    margin-right: calc(50% - 50vw + 4px);
    margin-left: calc(50% - 50vw + 4px);
  }
  div#gallery_show div.row::before,
  div#gallery_show div.row::after {
    content: none; /* clearfix bootstrapa bylby komorka siatki */
  }
  div#gallery_show div.row > * {
    float: none;
    width: auto;
    min-height: 0;
    margin: 0;
    padding: 0;
  }
  div#gallery_show div.row > * a {
    display: block;
    height: auto !important; /* skrypty stron wyrownuja wysokosc w stylu inline */
    margin: 0;
    aspect-ratio: 1;
    border-radius: 2px; /* jak siatka w Zdjeciach na iPhonie */
    background-position: center;
    background-size: cover;
  }
}