/**
 * Trwaly nosnik.
 *
 * Gdzie: strony grupy `trwaly-nosnik` — polska, ukrainska i angielska.
 *
 * Przeniesione z bloku <style> lezacego w tresci strony w bazie. Powod: blok w tresci
 * nie da sie objac polityka CSP inaczej niz przez 'unsafe-inline', a przy okazji ta sama
 * regula lezala w bazie w kilku kopiach — po jednej na wersje jezykowa. Tutaj jest jedna.
 *
 * Wyciete przy przenosinach: `.site-content` (klasa GeneratePressa, zero dopasowan
 * na dzisiejszych stronach) oraz komentarze po regulach przeniesionych wczesniej
 * do subpages.css. Reszta 1:1.
 *
 * Arkusz jest kolejkowany PO wszystkich pozostalych: w tresci strony blok stal nizej
 * niz <link> w naglowku, wiec przy rownej szczegolowosci wygrywal. Kolejnosc trzyma
 * zaleznosc `klucz-subpages` w functions.php.
 */

*,
*::before,
*::after {
	box-sizing: border-box;
}

body {
	min-height: 100vh;
	scroll-behavior: smooth;
	text-rendering: optimizeSpeed;
	line-height: 1.5;
	font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}

.main_container {
	display: flex;

	flex-direction: column;
	align-items:flex-start;

	min-width: 300px;

	padding-left: 35px;
	padding-right: 35px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 50px;

}

.sec_container {
	display: flex;
	flex-direction: column;
	justify-content:left;
}
.trwały_info {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	width: 100%;
	/* Te same wartości co wcześniej, ale w `rem`: progi w `px` nie idą za paskiem
	   rozmiaru pisma z dostępności. */
	font-size: clamp(1.125rem, 2vw, 1.25rem);
	color: var(--kolor-tekst);
	font-weight: 600;
	padding: 24px;
	border-radius: 10px;

	margin-bottom: 35px;
	border: 3px solid #627a7f;
	-webkit-box-shadow: 0px 7px 24px -19px rgba(66, 68, 90, 1);
	-moz-box-shadow: 0px 7px 24px -19px rgba(66, 68, 90, 1);
	box-shadow: 0px 7px 24px -19px rgba(66, 68, 90, 1);
}

.komunikat {
	list-style: none;
	text-align: center;
	width: 100%;
	/*
	 * Ten sam stopień co lista dokumentów niżej.
	 *
	 * Stało `clamp(14px, 2vw, 20px)` — na telefonie komunikat wychodził MNIEJSZY
	 * (14 px) od nazw dokumentów, które ma poprzedzać. Wyróżnienie niesie barwa
	 * i wyśrodkowanie, nie stopień, więc równa się do listy.
	 */
	font-size: clamp(0.9375rem, 2vw, 1.25rem);
	/*
	 * Czerwień PEŁNA, nie z kryciem 60%.
	 *
	 * Ten komunikat ma być wyróżniony i taki zostaje — ale krycie 0,605 składało
	 * się na bieli na rgb(222, 137, 137), czyli kontrast 2,61:1 przy progu 4,5:1.
	 * Pełna czerwień daje 4,51:1 i wygląda na wyróżnienie, a nie na wyblakły napis.
	 */
	color: var(--pakiet-red);
	margin-bottom: 35px;
}

.title_regulations {
	width: 100%;
	margin-top: 30px;
	font-size: 2.875rem;
	font-weight: 600;
	text-align: center;
	margin-bottom: 50px;
	border-bottom: 2px solid var(--pakiet-red);
	list-style: none;
}

.regulations_list.regulations_list_el {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: flex-start;
	margin-bottom: 10px;
}

.document_title_elements_link {
	display: flex;
	margin-right: 5px;
	border-right: 1px solid rgba(var(--pakiet-red-rgb), 0.391);
}

.down_link {
	flex-direction: column;
	display: flex;
	width: 50px;
	justify-content: center;
	align-items: center;
}

.regulations_list {
	display: flex;
	flex-direction: column;
	justify-content: center;
	/*
	 * Ten sam stopień pisma co w regulaminach i cenniku.
	 *
	 * Stało tu `clamp(12px, 2vw, 20px)`. Na szerokim ekranie wychodziło tyle samo,
	 * ale `2vw` schodzi poniżej dolnego progu dopiero przy 1000 px — czyli na
	 * telefonie i tablecie lista dokumentów stała na 12 px, gdy tamte dwie strony
	 * miały 15 px. Do tego progi w `px` nie idą za paskiem rozmiaru pisma
	 * z dostępności; w `rem` idą.
	 */
	font-size: clamp(0.9375rem, 2vw, 1.25rem);
	/*
	 * Barwa nazw dokumentów Z PANELU, nie wpisana na sztywno.
	 * Stało tu `rgb(88, 88, 88)`, przez co zmiana koloru pisma w panelu omijała
	 * właściwą treść tych stron — listę dokumentów. Kontrast na bieli był przy tym
	 * niższy niż domyślnej barwy tekstu: 7,11:1 wobec 13,58:1.
	 */
	color: var(--kolor-tekst);
	padding: 3px;
	list-style: none;
	width: 100%;
}

.regulations_list li {
	padding: 0px 5px  0px 5px;
	transition: none !important;
}

.dwn_img {
	width: 45px;
}
/*
 * Podświetlenie pozycji — tak jak w regulaminach i cenniku.
 *
 * Stało tu `color: rgba(var(--pakiet-red-rgb), 0.629)`, czyli WŁAŚCIWOŚĆ
 * pomylona: na tamtych dwóch stronach ta sama reguła maluje `background-color`.
 * Skutek: biel z wiersza wyżej była martwa (przebijała ją druga deklaracja
 * `color`), a nazwa dokumentu bledła przy najechaniu do 2,50:1 zamiast
 * dostać czerwone tło.
 */
body .regulations_list li:hover,
body .regulations_list li:focus,
body .regulations_list li:active,
body .regulations_list li:focus-within,
body .regulations_list li:focus-visible,
body .regulations_list li:visited{
	color: rgb(255, 255, 255) !important;
	cursor: pointer;
	-webkit-box-shadow: 0px 0px 4px -1px rgba(66, 68, 90, 0.3);
	-moz-box-shadow: 0px 0px 4px -1px rgba(66, 68, 90, 0.3);
	box-shadow: 0px 0px 4px -1px rgba(66, 68, 90, 0.3);
	border-radius: 5px;
	background-color: var(--pakiet-red) !important;
	transition: none !important;
}
@media (min-width: 600px) {
	.main_container {
		max-width: 90vw;
	}
}

@media (min-width: 1200px) {
	.main_container {
		max-width: 80vw;

	}
}