/**
 * Cennik.
 *
 * Gdzie: strony grupy `cennik` — 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;
	justify-content: center;
	flex-direction: column;
	align-items: center;

	min-width: 300px;

	padding-left: 35px;
	padding-right: 35px;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 20%;

}

.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);
}

.regulations_list {
	display: flex;
	flex-direction: column;
	justify-content: center;
	/*
	 * Dolny próg podniesiony z 12 px na 15 px, a granice zapisane w `rem`,
	 * żeby rosły razem z paskiem dostępności — `2vw` w środku i tak od niego
	 * nie zależy.
	 *
	 * Na telefonie `2vw` to około 8 px, więc stopień ZAWSZE lądował na dolnym
	 * progu: cała lista dokumentów, czyli właściwa treść tej strony, stała na
	 * 12 px. Górne 20 px zostaje bez zmian — na szerokim ekranie było dobrze.
	 */
	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;
}

/*
 * Kropka i odstęp przy każdej pozycji.
 *
 * Bez nich długie tytuły dokumentów, łamane na trzy wiersze, zlewały się
 * w jeden blok tekstu i nie było widać, gdzie kończy się jeden dokument,
 * a zaczyna następny.
 *
 * Kropka rysowana `::before`, a nie znacznikiem listy: znacznik stoi POZA
 * polem pozycji, a to pole dostaje przy najechaniu czerwone tło — kropka
 * zostałaby wtedy sama, obok podświetlenia. Rysowana w środku dziedziczy
 * też barwę pisma, więc na czerwonym tle robi się biała razem z tekstem.
 */
.regulations_list li {
	position: relative;
	/* 4 px prześwitu między pozycjami — same 2 px dopełnienia z góry i z dołu,
	   bez marginesu. Rozdzielenie niosą przede wszystkim kropki, odstęp ma je
	   tylko wesprzeć; przy 14 px lista rozłaziła się na wysokość.
	   Dopełnienie, a nie margines, bo to ono rysuje pole podświetlenia. */
	padding: 0.125rem 5px 0.125rem 1.375rem;
	transition: none !important;
	list-style: none;
}

.regulations_list li::before {
	content: "";
	position: absolute;
	/* `0.7em` mniej więcej wyśrodkowuje kropkę na pierwszym wierszu przy
	   każdym stopniu pisma — a ten na tej stronie zmienia się z szerokością. */
	top: 0.7em;
	left: 7px;
	width: 5px;
	height: 5px;
	border-radius: 50%;
	background: currentColor;
}

/*
 * Podświetlenie pozycji: PEŁNA czerwień, nie 63% krycia.
 * Przy 0,629 tło mieszało się z bielą do rgb(221, 143, 143) i biały napis
 * dawał na nim 2,50:1 — poniżej progu 4,5:1. Pełna barwa marki daje 4,51:1.
 */
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;
}

.archiwum {
	display: flex;
	flex-direction: row;
	margin-right: auto;
	margin-top: 50px;
	/*
	 * Odsyłacz do archiwum — kontrast 2,78:1 na bieli, poniżej progu. Nie jest to
	 * nazwa dokumentu, ale to ten sam problem i ta sama strona.
	 */
	color: var(--kolor-tekst);
	font-size: 1.4375rem;

	padding: 5px 10px;
	border-radius: 5px;
}

.archiwum_img {
	display: block;
	width: 50px;
}

.archiwum_text {
	display: flex;
	flex-direction: row;
}

.archiwum a {
	display: flex;
}

.archiwum p {
	display: flex;
	align-items: center;
	justify-self: center;
}

@media (min-width: 600px) {
	.main_container {
		max-width: 90vw;
	}
}

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

	}
}