/*
 * Warstwa zgodności szablonu z Joomlą 4/5/6.
 * Szablon powstał pod Joomlę 3 i Bootstrap 3. Nowsze wydania rdzenia renderują
 * menu, paginację i teksty dla czytników ekranu inaczej. Ten arkusz przywraca
 * dotychczasowy wygląd, nie zmieniając oryginalnych plików szablonu.
 */

/* 1. Teksty tylko dla czytników ekranu.
      Bootstrap 5 (rdzeń J4+) używa .visually-hidden; szablon zna tylko .element-invisible,
      więc bez tej reguły etykiety typu "Więcej o: ..." wyświetlają się w menu. */
.visually-hidden,
.visually-hidden-focusable:not(:focus):not(:focus-within) {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

/* 2. Rozwijane menu: J4+ opakowuje pozycję z podmenu w <button>.
      Szablon stylizował <span class="separator">, więc przycisk trzeba
      pozbawić wyglądu przycisku i zachować dotychczasowy układ pozycji. */
nav #navigation .mod-menu__toggle-sub {
  background: none;
  border: 0;
  padding: 0;
  margin: 0;
  color: inherit;
  font: inherit;
  line-height: inherit;
  cursor: pointer;
  display: inline;          /* przycisk ma zachowywac sie jak dawny <span class="separator"> */
  vertical-align: baseline;
  text-align: inherit;
  white-space: nowrap;
}
/* Pozycje menu w jednej linii i na wspolnej linii bazowej.
   Bez tego pozycje z podmenu (renderowane jako <button>) siedza wyzej niz zwykle linki. */
nav #navigation ul.mod-menu > li {
  vertical-align: top;
}
nav #navigation ul.mod-menu > li > a,
nav #navigation ul.mod-menu > li > .mod-menu__toggle-sub,
nav #navigation ul.mod-menu > li > .mod-menu__separator {
  display: inline-block;
  vertical-align: top;
  line-height: 1.2;
}
nav #navigation .mod-menu__toggle-sub .icon-chevron-down {
  display: none;
}
nav #navigation li:hover .mod-menu__toggle-sub,
nav #navigation li.focus-wcag .mod-menu__toggle-sub {
  color: #fff;
}

/* 3. Podmenu: J4+ dokłada .list-unstyled i .small; przywracamy rozmiar i odstępy szablonu. */
nav #navigation .mod-menu__sub {
  font-size: inherit;
}
nav #navigation .mod-menu__sub.small {
  font-size: 0.9em;
}

/* 4. Stopka i menu mobilne korzystają z tych samych klas. */
footer #menu-footer .mod-menu__toggle-sub {
  background: none;
  border: 0;
  padding: 0;
  color: inherit;
  font: inherit;
}

/* 6. Wersaliki w menu glownym: text-transform nie dziedziczy sie na <button>,
      wiec pozycja z podmenu bylaby pisana inaczej niz pozostale. */
nav #navigation ul.mod-menu > li > .mod-menu__toggle-sub,
nav #navigation ul.mod-menu > li > .mod-menu__toggle-sub .mod-menu__separator {
  text-transform: inherit;
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
}

/* 7. Galeria zdjec: sigplus zastapil SIGPro, ktory renderowal miniatury
      w siatce po piec w rzedzie. Odtwarzamy ten uklad. */
.sigplus-gallery {
  display: flow-root;   /* kontener sam obejmuje plywajace miniatury */
  clear: both;
  width: 100%;
  float: none !important;
}
.sigplus-gallery ul,
.sigplus-gallery ol {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
}
.sigplus-gallery li {
  width: 20%;
  margin: 0;
  padding: 2px;
  box-sizing: border-box;
  float: none;
}
.sigplus-gallery li img {
  width: 100%;
  height: auto;
  display: block;
}
@media (max-width: 768px) {
  .sigplus-gallery li { width: 50%; }
}

/* ── 8. Ikony Joomla 6 na czcionce, ktora szablon juz laduje ───────────────────
   Joomla 6 wypisuje ikony jako klasy `icon-*` (paginacja, rozwijane menu, wyszukiwarka)
   i liczy na wlasny arkusz Font Awesome 6, ktorego ten szablon nie zada. Efekt: przyciski
   „pierwsza / poprzednia / nastepna / ostatnia strona" byly PUSTE, bo znak nie mial z czego
   sie wziac. Szablon laduje Font Awesome 4, wiec mapujemy uzywane ikony na jego glify
   zamiast dokladac drugi, 100-kilobajtowy arkusz z tymi samymi znakami. */
.icon-chevron-down::before,
.icon-chevron-right::before,
.icon-search::before,
.icon-search-plus::before,
.icon-angle-left::before,
.icon-angle-right::before,
.icon-angle-double-left::before,
.icon-angle-double-right::before {
	font-family: FontAwesome;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	display: inline-block;
}
.icon-chevron-down::before { content: "\f078"; }
.icon-chevron-right::before { content: "\f054"; }
.icon-search::before { content: "\f002"; }
.icon-search-plus::before { content: "\f00e"; }
.icon-angle-left::before { content: "\f104"; }
.icon-angle-right::before { content: "\f105"; }
.icon-angle-double-left::before { content: "\f100"; }
.icon-angle-double-right::before { content: "\f101"; }

/* ── 9. Wyszukiwarka w naglowku: wyglad i miejsce jak przed migracja ───────────
   W Joomla 3 wyszukiwarke rysowal modul `mod_search`: pole `#mod-search-searchword`
   szerokie na 200 px, granatowe (#002857), z biala lupa w srodku pola, dzieki czemu miescilo
   sie w jednej linii z ikonami spolecznosciowymi. Joomla 6 tego modulu nie ma i rysuje
   `mod_finder`: biale pole plus osobny niebieski przycisk z napisem „Szukaj". Przez to
   wyszukiwarka spadla do nastepnej linii, a pole i przycisk rozjezdzaly sie w pionie
   (pole y=121, przycisk y=135), bo szablon laduje Bootstrapa 3, gdzie `.input-group` jest
   tabela, a Joomla 6 rysuje ten modul skladnia Bootstrapa 5 zakladajaca kontener flex.
   Ponizsze reguly przywracaja wyglad oryginalu. Napis na przycisku chowamy zerowym
   rozmiarem pisma zamiast `display:none`, zeby czytniki ekranu dalej go odczytywaly. */
header .mod-finder__search.input-group {
	display: block;
	position: relative;
	width: 200px;
}
header .mod-finder__search.input-group > .awesomplete {
	display: block;
	width: 100%;
}
/* Granatowe tlo idzie na SAMO pole, nie na kontenery. Grupa i `.awesomplete` maja wysokosc 0
   (pole jest wyjete z ich przeplywu), wiec tlo ustawione na nich nie mialo czego pokryc
   i biala lupa gubila sie na bialym naglowku. */
header .mod-finder__search.input-group input.form-control {
	width: 100%;
	height: auto;
	border: none;
	border-radius: 0;
	box-shadow: none;
	padding: 10px 40px 10px 10px;
	background: #002857;
	color: #fff;
	font-size: 1.3rem;
	line-height: 1.2;
}
header .mod-finder__search.input-group input.form-control::placeholder {
	color: #cdd6e2;
	opacity: 1;
}
/* `z-index` jest konieczny: opakowanie pola (`.awesomplete`) jest pozycjonowane i przykrywa
   przycisk razem z lupa. Bez tego przycisk jest w DOM i ma wymiary, ale nie widac go wcale. */
header .mod-finder__search.input-group > .btn {
	position: absolute;
	z-index: 2;
	top: 6px;
	right: 10px;
	width: 25px;
	height: 25px;
	padding: 0;
	margin: 0;
	border: none;
	border-radius: 0;
	background: transparent;
	box-shadow: none;
	color: #fff;
	font-size: 0;
}
header .mod-finder__search.input-group > .btn .icon-search {
	font-size: 1.6rem;
	color: #fff;
}

/* Poza naglowkiem (strona wynikow) zostaje domyslny uklad Joomla 6, tylko wyrownany w pionie:
   Bootstrap 3 z szablonu ustawia tam `.input-group` jako tabele i przycisk schodzi nizej. */
.mod-finder__search.input-group {
	display: flex;
	align-items: stretch;
	flex-wrap: nowrap;
}
.mod-finder__search.input-group > .awesomplete {
	display: flex;
	flex: 1 1 auto;
}
.mod-finder__search.input-group > .awesomplete > input {
	width: 100%;
}
.mod-finder__search.input-group > .btn {
	flex: 0 0 auto;
}

/* ── 10. Paginacja: wyrownanie i kolory jak przed migracja ─────────────────────
   Szablon stylizuje paginacje pod Joomla 3 regula `#content .pagination ul li span
   { background:#fd1408; padding:15px 10px; display:block }`. W Joomla 6 `span` to nie tylko
   wylaczony przycisk, ale takze IKONA wewnatrz linku, wiec czerwone tlo i wypelnienie
   dostawal kazdy poziom zagniezdzenia. Zmierzone wysokosci przed poprawka: `li` 125 px,
   `.page-link` 95 px, ikona 65 px, przez co kafelki mialy rozne rozmiary, a aktywny numer
   wystawal poza rzad. Do tego szablon ma dla menu `nav li > a { padding:0 !important }`,
   a Joomla 6 opakowuje paginacje w `<nav class="pagination__wrapper">` — stad `!important`
   ponizej; przepisywanie tamtej reguly ruszyloby wlasciwe menu serwisu. */
#content .pagination {
	display: block;
}
#content .pagination ul.pagination {
	display: flex;
	align-items: stretch;
	flex-wrap: wrap;
	justify-content: center;
	list-style: none;
	padding: 0 !important;
	margin: 0;
}
#content .pagination ul.pagination > li.page-item {
	display: flex;
	padding: 0 !important;
	margin: 0;
	background: none !important;
}
#content .pagination ul.pagination > li.page-item > .page-link {
	display: flex !important;
	align-items: center;
	padding: 12px 14px !important;
	background: none !important;
	color: #000;
	border: none;
	border-radius: 0;
	box-shadow: none;
	float: none;
	margin: 0;
	line-height: 1;
}
/* Ikona strzalki siedzi w `span` wewnatrz linku i lapie ja regula szablonu dla `li span`. */
#content .pagination ul.pagination .page-link > span {
	display: inline !important;
	padding: 0 !important;
	margin: 0;
	background: none !important;
	color: inherit;
}
#content .pagination ul.pagination > li.page-item.active > .page-link,
#content .pagination ul.pagination > li.page-item > a.page-link:hover {
	background: #fd1408 !important;
	color: #fff;
}
#content .pagination ul.pagination > li.page-item.disabled > .page-link {
	color: #999;
}