/*
 * Poprawki widoku na telefonach i tabletach (29.10.2026).
 * Motyw z 2016 r. (style.css) ma sztywne szerokości w pikselach, przez co strona wychodziła poza ekran.
 * Ten plik ładuje się po style.css i tylko nadpisuje jego reguły.
 */

/* Treść z panelu (obrazki, mapa, tabele) nie może być szersza niż ekran */
.about-text img, .tresc img, .frontpage-post-content img, .frontpage-contact img { max-width: 100%; height: auto; }
.about-text iframe, .tresc iframe, .frontpage-contact iframe, .about-text table, .tresc table { max-width: 100%; }
.about-text, .tresc, .frontpage-post-content, .frontpage-contact { overflow-wrap: break-word; word-wrap: break-word; }
.about-text { margin-bottom: 0; }

/* Sekcje mają w środku drugi .container — nie może mieć stałej szerokości z Bootstrapa */
body > .container section .container { width: auto; }

/* Wiersze z ujemnym marginesem w miejscach bez odstępu rodzica wystawały 15 px w prawo */
header { padding-right: 15px; }
.frontpage-featured > .row, .base > .row { margin-left: 0; margin-right: 0; }
/* kontakt z panelu jest wstawiony w .row bez kolumny — ten wiersz nie może mieć ujemnych marginesów */
.frontpage-contact .col-md-8 > .row { margin-left: 0; margin-right: 0; }

/* Linia pod menu i slajder: zamiast stałych 1169 / 1168 px — pełna szerokość ramki */
.line { width: auto !important; margin-left: -15px !important; margin-right: -15px; }
#slideshow { overflow: hidden; width: auto !important; height: auto; margin-left: -15px !important; margin-right: -15px; }
#slideshow .carousel-inner > .item > img { width: 100%; height: auto; aspect-ratio: 953 / 351; max-height: 351px; object-fit: cover; }

/* Stopka: czytelny tekst na zielonym tle */
#credit, #credit a, #copyright, #copyright a { color: #fff; font-size: 14px; }
#credit a:hover, #credit a:focus { color: #fff; text-decoration: underline; }

/* Tablety i mniejsze laptopy: odznaki w nagłówku (147 i 174 px) nie mieszczą się w kolumnach i nachodziły na siebie */
@media (max-width: 1199px) {
  header .naglowek img.image-logo { max-width: 100%; height: auto; }
}

/* Telefony */
@media (max-width: 767px) {
  .menu_sticky { width: auto !important; }

  /* nagłówek: logo widoczne także na telefonie, pod przypiętym menu */
  header { padding-top: 55px; }
  header .naglowek { text-align: center; }
  header .naglowek img.image-logo { display: inline-block; max-width: 100%; height: auto; padding-top: 10px; }
  header .naglowek .col-xs-6 img.image-logo { max-height: 50px; width: auto; }

  /* mniejsze odstępy sekcji niż na komputerze */
  .frontpage-about, .frontpage-about.preview { padding: 40px 15px 30px; }
  body > .container .row.content_squeeze.frontpage_featured { padding: 40px 0 10px; }
  body > .container .row.content_squeeze.frontpage_featured i { font-size: 60px; }
  .col-centered { display: block; margin-right: 0; }
  .frontpage-news { padding: 30px 0 20px; }
  .frontpage-contact, .frontpage-contact.preview { padding: 40px 0 30px; }
  .h1, h1, h1 a { font-size: 28px; }
  .h2, h2, h2 a { font-size: 22px; }
  .h3, h3, h3 a { font-size: 19px; }

  /* kontakt z panelu ma kolumny 4/8 także na telefonie — tu jedna pod drugą, mapa na całą szerokość */
  .frontpage-contact .col-xs-4, .frontpage-contact .col-xs-8,
  .tresc .col-xs-4, .tresc .col-xs-8 { width: 100%; float: none; }
  .frontpage-contact iframe, .tresc iframe { width: 100%; }

  /* slajder: mniejsze kropki */
  #slideshow .carousel-indicators { right: 10px; bottom: 6px; }
  #slideshow .carousel-indicators li { width: 10px; height: 10px; margin-left: 5px; }
}