/*
 * Groszek WCAG Compat
 * Poprawki celowane w starą stronę WordPress 5.4 / motyw Kindergarten.
 * Zakres: dedykowana podstrona z dokumentami rekrutacyjnymi.
 */

body.groszek-wcag-active {
	font-size: 18px;
	line-height: 1.65;
}

body.groszek-wcag-active *,
body.groszek-wcag-active *:before,
body.groszek-wcag-active *:after {
	box-sizing: border-box;
}


/*
 * Stabilizacja skalowania tekstu.
 * Motyw Kindergarten miejscami nadaje font-size w px/rem na kontenerach i akapitach,
 * dlatego samo zwiększenie font-size na body nie wystarcza. Poniższe selektory
 * celują w treść podstrony, bez powiększania samego panelu ułatwień.
 */
body.groszek-wcag-active .site-content,
body.groszek-wcag-active .content-area,
body.groszek-wcag-active .entry-content,
body.groszek-wcag-active .hentry,
body.groszek-wcag-active article,
body.groszek-wcag-active .groszek-wcag-panel,
body.groszek-wcag-active .groszek-wcag-doc-item {
	font-size: 18px !important;
	line-height: 1.65 !important;
}

body.groszek-wcag-active .entry-content p,
body.groszek-wcag-active .entry-content li,
body.groszek-wcag-active .entry-content td,
body.groszek-wcag-active .entry-content th,
body.groszek-wcag-active .entry-content label,
body.groszek-wcag-active .entry-content input,
body.groszek-wcag-active .entry-content textarea,
body.groszek-wcag-active .entry-content select,
body.groszek-wcag-active .entry-content button,
body.groszek-wcag-active .groszek-wcag-panel p,
body.groszek-wcag-active .groszek-wcag-doc-item p,
body.groszek-wcag-active .groszek-wcag-doc-item a,
body.groszek-wcag-active .groszek-wcag-doc-meta,
body.groszek-wcag-active .groszek-wcag-file-meta,
body.groszek-wcag-active .groszek-wcag-button {
	font-size: 1em !important;
	line-height: 1.65 !important;
}

/* Czytelny focus - nadpisuje a:focus { outline: 0; } z motywu. */
body.groszek-wcag-active a:focus,
body.groszek-wcag-active button:focus,
body.groszek-wcag-active input:focus,
body.groszek-wcag-active select:focus,
body.groszek-wcag-active textarea:focus,
body.groszek-wcag-active [tabindex]:focus {
	outline: 3px solid #111 !important;
	outline-offset: 3px !important;
	box-shadow: 0 0 0 4px #fff !important;
}

body.groszek-wcag-active a {
	text-decoration: underline;
	text-underline-offset: 0.14em;
}

body.groszek-wcag-active a:hover,
body.groszek-wcag-active a:focus {
	text-decoration-thickness: 2px;
}

body.groszek-wcag-active .entry-content a,
body.groszek-wcag-active .site-content a,
body.groszek-wcag-active .site-description a,
body.groszek-wcag-active .header-logo-image a {
	color: #005ea8 !important;
}

body.groszek-wcag-active .site-content,
body.groszek-wcag-active .entry-content,
body.groszek-wcag-active .hentry,
body.groszek-wcag-active .page,
body.groszek-wcag-active article {
	color: #1a1a1a;
}

body.groszek-wcag-active .entry-content p,
body.groszek-wcag-active .entry-content li,
body.groszek-wcag-active .entry-content td,
body.groszek-wcag-active .entry-content th {
	line-height: 1.65;
}

body.groszek-wcag-active .entry-content h1,
body.groszek-wcag-active .entry-content h2,
body.groszek-wcag-active .entry-content h3,
body.groszek-wcag-active .entry-content h4 {
	line-height: 1.25;
	margin-top: 1.5em;
	margin-bottom: 0.6em;
	color: #111;
}

body.groszek-wcag-active .entry-content h1 {
	font-size: 2em;
}

body.groszek-wcag-active .entry-content h2 {
	font-size: 1.55em;
}

body.groszek-wcag-active .entry-content h3 {
	font-size: 1.25em;
}

/* Skip link - istnieje w motywie, poprawiamy widoczność po focusie. */
body.groszek-wcag-active .skip-link:focus,
body.groszek-wcag-active .screen-reader-text:focus {
	clip: auto !important;
	clip-path: none !important;
	height: auto !important;
	width: auto !important;
	padding: 12px 16px !important;
	background: #111 !important;
	color: #fff !important;
	z-index: 100000 !important;
	text-decoration: none !important;
}

/* Menu mobilne - motyw ukrywa menu przy <=1023px przez display:none !important. */
@media screen and (max-width: 1023px) {
	body.groszek-wcag-active #site-navigation.main-navigation {
		display: block !important;
	}

	body.groszek-wcag-active #site-navigation .menu-toggle {
		display: block !important;
		min-height: 44px;
		line-height: 1.3;
		padding: 10px 15px;
		background: #005ea8;
		color: #fff;
	}

	body.groszek-wcag-active #site-navigation .menu,
	body.groszek-wcag-active #site-navigation .nav-menu {
		display: none;
	}

	body.groszek-wcag-active #site-navigation.toggled .menu,
	body.groszek-wcag-active #site-navigation.toggled .nav-menu,
	body.groszek-wcag-active #site-navigation.groszek-menu-open .menu,
	body.groszek-wcag-active #site-navigation.groszek-menu-open .nav-menu {
		display: block !important;
	}
}

body.groszek-wcag-active .main-navigation a {
	min-height: 44px;
	line-height: 1.35;
	display: block;
	padding-top: 12px;
	padding-bottom: 12px;
}

body.groszek-wcag-active .main-navigation ul ul a {
	width: 220px;
	line-height: 1.35;
}

body.groszek-wcag-active .main-navigation li:focus-within > ul,
body.groszek-wcag-active .main-navigation li.groszek-focus > ul,
body.groszek-wcag-active .main-navigation .focus > ul {
	clip: inherit;
	overflow: inherit;
	height: inherit;
	width: inherit;
}

body.groszek-wcag-active .main-navigation .sub-menu,
body.groszek-wcag-active .main-navigation .children {
	background: #005ea8;
}

body.groszek-wcag-active .main-navigation .sub-menu a,
body.groszek-wcag-active .main-navigation .children a {
	background: #005ea8;
	color: #fff !important;
}

body.groszek-wcag-active .main-navigation .sub-menu a:hover,
body.groszek-wcag-active .main-navigation .sub-menu a:focus,
body.groszek-wcag-active .main-navigation .children a:hover,
body.groszek-wcag-active .main-navigation .children a:focus {
	background: #003f72;
	color: #fff !important;
}

/* Dokumenty rekrutacyjne. */
body.groszek-wcag-active .groszek-wcag-panel,
body.groszek-wcag-active .groszek-wcag-doc-item {
	background: #fff;
	border: 2px solid #d6d6d6;
	border-radius: 8px;
	padding: 18px;
	margin: 18px 0;
}

body.groszek-wcag-active .groszek-wcag-notice {
	border-left: 8px solid #005ea8;
}

body.groszek-wcag-active .groszek-wcag-doc-item {
	border-left: 6px solid #2aae4a;
}

body.groszek-wcag-active .groszek-wcag-doc-link {
	font-weight: 700;
	font-size: 1.05em;
}

body.groszek-wcag-active .groszek-wcag-doc-meta,
body.groszek-wcag-active .groszek-wcag-file-meta {
	font-weight: 400;
	font-size: 0.95em;
	color: #333;
}

body.groszek-wcag-active .groszek-wcag-doc-description {
	margin: 8px 0 0;
}

body.groszek-wcag-active .groszek-wcag-button,
body.groszek-wcag-active .entry-content .groszek-wcag-button {
	display: inline-block;
	min-height: 44px;
	padding: 12px 18px;
	border-radius: 6px;
	background: #005ea8;
	color: #fff !important;
	font-weight: 700;
	text-decoration: none;
}

body.groszek-wcag-active .groszek-wcag-button:hover,
body.groszek-wcag-active .groszek-wcag-button:focus {
	background: #003f72;
	color: #fff !important;
}

body.groszek-wcag-active .groszek-wcag-contact-wrap {
	margin: 24px 0;
}

/* Formularze / wyszukiwarka. */
body.groszek-wcag-active input[type="text"],
body.groszek-wcag-active input[type="email"],
body.groszek-wcag-active input[type="url"],
body.groszek-wcag-active input[type="password"],
body.groszek-wcag-active input[type="search"],
body.groszek-wcag-active textarea,
body.groszek-wcag-active select {
	min-height: 44px;
	border: 2px solid #666;
	padding: 8px 10px;
	font-size: 1rem;
}

body.groszek-wcag-active button,
body.groszek-wcag-active input[type="button"],
body.groszek-wcag-active input[type="reset"],
body.groszek-wcag-active input[type="submit"] {
	min-height: 44px;
	font-size: 1rem;
}

/* Header: poprawa czytelności linków projektowych. */
body.groszek-wcag-active .header-logo-image p a {
	display: inline-block;
	padding: 8px 10px;
	background: #fff;
	color: #005ea8 !important;
	font-weight: 700;
}

body.groszek-wcag-active .header-logo-image img {
	max-width: 100%;
	height: auto;
}

/* Motion. */
body.groszek-wcag-active.groszek-reduced-motion *,
body.groszek-wcag-active.groszek-reduced-motion *:before,
body.groszek-wcag-active.groszek-reduced-motion *:after {
	animation-duration: 0.001ms !important;
	animation-iteration-count: 1 !important;
	scroll-behavior: auto !important;
	transition-duration: 0.001ms !important;
}

body.groszek-wcag-active.groszek-slider-paused .site-slider:before {
	content: "Slider został zatrzymany na tej podstronie, aby ograniczyć ruch automatyczny.";
	display: block;
	padding: 10px 15px;
	background: #fff7cc;
	color: #111;
	border: 2px solid #7a5d00;
	margin-bottom: 10px;
	font-size: 0.95rem;
}

@media screen and (max-width: 480px) {
	body.groszek-wcag-active {
		font-size: 17px;
	}

	body.groszek-wcag-active .entry-content h1 {
		font-size: 1.7em;
	}

	body.groszek-wcag-active .entry-content h2 {
		font-size: 1.35em;
	}

	body.groszek-wcag-active .groszek-wcag-panel,
	body.groszek-wcag-active .groszek-wcag-doc-item {
		padding: 14px;
	}
}

/* Panel ułatwień dostępności. */
body.groszek-wcag-active .groszek-a11y-toolbar {
	position: fixed;
	left: 0;
	top: 185px;
	z-index: 99998;
	font-size: 16px;
	line-height: 1.4;
	font-family: Arial, Helvetica, sans-serif;
}

body.groszek-wcag-active.admin-bar .groszek-a11y-toolbar {
	top: 217px;
}

body.groszek-wcag-active .groszek-a11y-toggle {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 52px;
	height: 52px;
	border: 0;
	border-radius: 0;
	background: #005ea8;
	color: #fff;
	font-size: 13px;
	font-weight: 700;
	letter-spacing: 0.03em;
	line-height: 1;
	cursor: pointer;
	box-shadow: 0 2px 12px rgba(0, 0, 0, 0.3);
}

body.groszek-wcag-active .groszek-a11y-toggle:hover,
body.groszek-wcag-active .groszek-a11y-toggle:focus {
	background: #003f72;
	color: #fff;
}

body.groszek-wcag-active .groszek-a11y-panel {
	display: none;
	position: absolute;
	left: 52px;
	top: 0;
	min-width: 250px;
	max-width: calc(100vw - 70px);
	padding: 10px;
	background: #fff;
	color: #111;
	border: 2px solid #005ea8;
	box-shadow: 0 4px 18px rgba(0, 0, 0, 0.25);
}

body.groszek-wcag-active .groszek-a11y-toolbar.groszek-a11y-open .groszek-a11y-panel {
	display: block;
}

body.groszek-wcag-active .groszek-a11y-title {
	margin: 0 0 8px;
	font-size: 1rem;
	font-weight: 700;
	color: #111;
}

body.groszek-wcag-active .groszek-a11y-action {
	display: block;
	width: 100%;
	min-height: 42px;
	margin: 4px 0;
	padding: 8px 10px;
	border: 2px solid transparent;
	border-radius: 0;
	background: #fff;
	color: #111;
	font-size: 0.95rem;
	line-height: 1.25;
	text-align: left;
	cursor: pointer;
}

body.groszek-wcag-active .groszek-a11y-action:hover,
body.groszek-wcag-active .groszek-a11y-action:focus {
	border-color: #111;
	background: #eef6ff;
	color: #111;
}

body.groszek-wcag-active .groszek-a11y-action[aria-pressed="true"] {
	background: #005ea8;
	color: #fff;
	font-weight: 700;
}

body.groszek-wcag-active .groszek-a11y-action[aria-pressed="true"]:hover,
body.groszek-wcag-active .groszek-a11y-action[aria-pressed="true"]:focus {
	background: #003f72;
	color: #fff;
}

body.groszek-wcag-active .groszek-a11y-reset {
	margin-top: 8px;
	border-top: 1px solid #d6d6d6;
}

body.groszek-wcag-active .groszek-a11y-status {
	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;
}



/*
 * Ochrona wyglądu głównego menu.
 * Domyślny widok menu ma pozostać jak w motywie Kindergarten.
 * Zostawiamy tylko dostępnościowy focus i obsługę klawiaturą, bez wymuszania
 * powiększeń, podkreśleń, nowych paddingów i kolorów w menu.
 */
body.groszek-wcag-active .main-navigation,
body.groszek-wcag-active .main-navigation ul,
body.groszek-wcag-active .main-navigation li,
body.groszek-wcag-active .main-navigation a {
	font-size: 14px !important;
}

body.groszek-wcag-active .main-navigation a,
body.groszek-wcag-active .main-navigation a:hover,
body.groszek-wcag-active .main-navigation a:focus {
	min-height: 0 !important;
	height: 52px !important;
	line-height: 52px !important;
	padding: 0 12px !important;
	text-decoration: none !important;
	text-underline-offset: initial !important;
}

body.groszek-wcag-active .main-navigation ul ul a,
body.groszek-wcag-active .main-navigation ul ul a:hover,
body.groszek-wcag-active .main-navigation ul ul a:focus {
	height: auto !important;
	line-height: 16px !important;
	padding: 8px 15px !important;
	width: 180px !important;
}

body.groszek-wcag-active .main-navigation a:focus {
	outline: 3px solid #111 !important;
	outline-offset: 3px !important;
	box-shadow: 0 0 0 4px #fff !important;
}

@media screen and (max-width: 799px) {
	body.groszek-wcag-active .main-navigation li a,
	body.groszek-wcag-active .main-navigation li a:hover,
	body.groszek-wcag-active .main-navigation li a:focus {
		height: 52px !important;
		line-height: 52px !important;
		padding: 0 12px !important;
	}

	body.groszek-wcag-active .main-navigation ul ul a,
	body.groszek-wcag-active .main-navigation ul ul a:hover,
	body.groszek-wcag-active .main-navigation ul ul a:focus {
		height: auto !important;
		line-height: 16px !important;
		padding: 5px 0 !important;
		width: 100% !important;
	}
}

/* Klasy ustawień użytkownika - zapisuje je panel ułatwień. */
body.groszek-wcag-active.groszek-a11y-font-1 {
	font-size: 20px;
}

body.groszek-wcag-active.groszek-a11y-font-2 {
	font-size: 22px;
}

body.groszek-wcag-active.groszek-a11y-font-3 {
	font-size: 24px;
}

body.groszek-wcag-active.groszek-a11y-font-1 .site-content,
body.groszek-wcag-active.groszek-a11y-font-1 .content-area,
body.groszek-wcag-active.groszek-a11y-font-1 .entry-content,
body.groszek-wcag-active.groszek-a11y-font-1 .hentry,
body.groszek-wcag-active.groszek-a11y-font-1 article,
body.groszek-wcag-active.groszek-a11y-font-1 .groszek-wcag-panel,
body.groszek-wcag-active.groszek-a11y-font-1 .groszek-wcag-doc-item {
	font-size: 20px !important;
}

body.groszek-wcag-active.groszek-a11y-font-2 .site-content,
body.groszek-wcag-active.groszek-a11y-font-2 .content-area,
body.groszek-wcag-active.groszek-a11y-font-2 .entry-content,
body.groszek-wcag-active.groszek-a11y-font-2 .hentry,
body.groszek-wcag-active.groszek-a11y-font-2 article,
body.groszek-wcag-active.groszek-a11y-font-2 .groszek-wcag-panel,
body.groszek-wcag-active.groszek-a11y-font-2 .groszek-wcag-doc-item {
	font-size: 22px !important;
}

body.groszek-wcag-active.groszek-a11y-font-3 .site-content,
body.groszek-wcag-active.groszek-a11y-font-3 .content-area,
body.groszek-wcag-active.groszek-a11y-font-3 .entry-content,
body.groszek-wcag-active.groszek-a11y-font-3 .hentry,
body.groszek-wcag-active.groszek-a11y-font-3 article,
body.groszek-wcag-active.groszek-a11y-font-3 .groszek-wcag-panel,
body.groszek-wcag-active.groszek-a11y-font-3 .groszek-wcag-doc-item {
	font-size: 24px !important;
}

body.groszek-wcag-active .groszek-a11y-toolbar,
body.groszek-wcag-active.groszek-a11y-font-1 .groszek-a11y-toolbar,
body.groszek-wcag-active.groszek-a11y-font-2 .groszek-a11y-toolbar,
body.groszek-wcag-active.groszek-a11y-font-3 .groszek-a11y-toolbar {
	font-size: 16px !important;
}

body.groszek-wcag-active.groszek-a11y-readable-font,
body.groszek-wcag-active.groszek-a11y-readable-font *:not(.fa):not(.dashicons) {
	font-family: Arial, Helvetica, sans-serif !important;
	letter-spacing: 0.01em;
}

body.groszek-wcag-active.groszek-a11y-underline a {
	text-decoration: underline !important;
	text-decoration-thickness: 2px !important;
	text-underline-offset: 0.18em !important;
}

body.groszek-wcag-active.groszek-a11y-grayscale {
	filter: grayscale(1);
}

body.groszek-wcag-active.groszek-a11y-contrast {
	background: #000 !important;
	color: #fff !important;
}

body.groszek-wcag-active.groszek-a11y-contrast .site,
body.groszek-wcag-active.groszek-a11y-contrast .site-content,
body.groszek-wcag-active.groszek-a11y-contrast .content-area,
body.groszek-wcag-active.groszek-a11y-contrast .hentry,
body.groszek-wcag-active.groszek-a11y-contrast .page,
body.groszek-wcag-active.groszek-a11y-contrast article,
body.groszek-wcag-active.groszek-a11y-contrast .entry-content,
body.groszek-wcag-active.groszek-a11y-contrast .groszek-wcag-panel,
body.groszek-wcag-active.groszek-a11y-contrast .groszek-wcag-doc-item,
body.groszek-wcag-active.groszek-a11y-contrast .groszek-a11y-panel {
	background: #000 !important;
	color: #fff !important;
	border-color: #fff !important;
}

body.groszek-wcag-active.groszek-a11y-contrast .entry-content h1,
body.groszek-wcag-active.groszek-a11y-contrast .entry-content h2,
body.groszek-wcag-active.groszek-a11y-contrast .entry-content h3,
body.groszek-wcag-active.groszek-a11y-contrast .entry-content h4,
body.groszek-wcag-active.groszek-a11y-contrast .groszek-a11y-title,
body.groszek-wcag-active.groszek-a11y-contrast .site-content,
body.groszek-wcag-active.groszek-a11y-contrast .entry-content,
body.groszek-wcag-active.groszek-a11y-contrast .groszek-wcag-doc-meta,
body.groszek-wcag-active.groszek-a11y-contrast .groszek-wcag-file-meta {
	color: #fff !important;
}

body.groszek-wcag-active.groszek-a11y-contrast a,
body.groszek-wcag-active.groszek-a11y-contrast .entry-content a,
body.groszek-wcag-active.groszek-a11y-contrast .site-content a {
	color: #ffff00 !important;
	background: transparent !important;
	text-decoration: underline !important;
}

body.groszek-wcag-active.groszek-a11y-contrast .main-navigation,
body.groszek-wcag-active.groszek-a11y-contrast .main-navigation ul,
body.groszek-wcag-active.groszek-a11y-contrast .main-navigation li,
body.groszek-wcag-active.groszek-a11y-contrast .main-navigation a,
body.groszek-wcag-active.groszek-a11y-contrast .main-navigation .sub-menu,
body.groszek-wcag-active.groszek-a11y-contrast .main-navigation .children,
body.groszek-wcag-active.groszek-a11y-contrast .main-navigation .sub-menu a,
body.groszek-wcag-active.groszek-a11y-contrast .main-navigation .children a {
	background: #000 !important;
	color: #ffff00 !important;
	border-color: #fff !important;
}

body.groszek-wcag-active.groszek-a11y-contrast .groszek-wcag-button,
body.groszek-wcag-active.groszek-a11y-contrast .entry-content .groszek-wcag-button,
body.groszek-wcag-active.groszek-a11y-contrast .groszek-a11y-toggle,
body.groszek-wcag-active.groszek-a11y-contrast .groszek-a11y-action[aria-pressed="true"] {
	background: #ffff00 !important;
	color: #000 !important;
	border: 2px solid #fff !important;
}

body.groszek-wcag-active.groszek-a11y-contrast .groszek-a11y-action {
	background: #000 !important;
	color: #fff !important;
	border: 2px solid #fff !important;
}

body.groszek-wcag-active.groszek-a11y-contrast a:focus,
body.groszek-wcag-active.groszek-a11y-contrast button:focus,
body.groszek-wcag-active.groszek-a11y-contrast input:focus,
body.groszek-wcag-active.groszek-a11y-contrast select:focus,
body.groszek-wcag-active.groszek-a11y-contrast textarea:focus,
body.groszek-wcag-active.groszek-a11y-contrast [tabindex]:focus {
	outline: 4px solid #ffff00 !important;
	box-shadow: 0 0 0 4px #000 !important;
}

@media screen and (max-width: 600px) {
	body.groszek-wcag-active .groszek-a11y-toolbar {
		top: 120px;
	}

	body.groszek-wcag-active.admin-bar .groszek-a11y-toolbar {
		top: 166px;
	}

	body.groszek-wcag-active .groszek-a11y-panel {
		min-width: 230px;
	}
}


/*
 * 1.1.4 - Reflow/zoom: przy mniejszej szerokości widoku nie forsujemy
 * natywnego menu #site-navigation. Motyw ma już osobne menu SlickNav,
 * które przy zoomie/tablecie powinno przejąć nawigację. To zapobiega
 * poziomemu przewijaniu i dublowaniu menu.
 */
@media screen and (max-width: 1100px) {
	body.groszek-wcag-active #site-navigation.main-navigation {
		display: none !important;
		visibility: hidden !important;
	}

	body.groszek-wcag-active .slicknav_menu {
		display: block !important;
	}

	body.groszek-wcag-active .slicknav_menu a:focus,
	body.groszek-wcag-active .slicknav_menu .slicknav_btn:focus {
		outline: 3px solid #111 !important;
		outline-offset: 3px !important;
		box-shadow: 0 0 0 4px #fff !important;
	}
}

body.groszek-wcag-active.groszek-a11y-contrast .slicknav_menu,
body.groszek-wcag-active.groszek-a11y-contrast .slicknav_menu a,
body.groszek-wcag-active.groszek-a11y-contrast .slicknav_menu .slicknav_btn,
body.groszek-wcag-active.groszek-a11y-contrast .slicknav_nav,
body.groszek-wcag-active.groszek-a11y-contrast .slicknav_nav ul,
body.groszek-wcag-active.groszek-a11y-contrast .slicknav_nav li {
	background: #000 !important;
	color: #ffff00 !important;
	border-color: #fff !important;
}


/*
 * 1.1.5 - Przy szerokości 1024px i mniej przenosimy panel WCAG na prawą
 * krawędź, ponieważ motyw/strona ma pływające przyciski social media po lewej.
 * Sam panel rozwija się wtedy w lewo, aby nie wychodził poza viewport.
 */
@media screen and (max-width: 1024px) {
	body.groszek-wcag-active .groszek-a11y-toolbar {
		left: auto !important;
		right: 0 !important;
	}

	body.groszek-wcag-active .groszek-a11y-panel {
		left: auto !important;
		right: 52px !important;
		max-width: calc(100vw - 70px);
	}
}