/**
 * Poprawki audytu UX 2026-09-01 (unia-klub).
 * v5: parallax odporny na przeglądarki — background-attachment: fixed
 * zawodzi w nowszych Chromium/Edge, więc warstwa tła jest rozciągnięta
 * (100vh + 200% wysokości sekcji) i przesuwana transformem przez JS
 * (parallax-fixed.js) w przeciwfazie do przewijania = tło nieruchome.
 */

/* Parallax: cover z .has-parallax bez transformu reveal.
 * (transform: translateY(24px) z .unia-reveal wyłączał nieruchome tło.) */
.unia-reveal.has-parallax {
	transform: none;
}

/* Warstwa tła: rozciągnięta na całą drogę przewijania, scroll-attachment
 * (transform w przeciwną stronę nadaje JS). Bez JS wygląda jak zwykły cover. */
.wp-block-cover.has-parallax .wp-block-cover__image-background {
	position: absolute;
	left: 0;
	right: 0;
	top: calc(-50vh - 50%);
	height: calc(100vh + 200%);
	background-attachment: scroll !important;
	background-size: cover;
	background-position: 50% 50%;
	will-change: transform;
}

/* D1: większy cel dotykowy przycisku hamburgera (≥44px) — tylko tam,
 * gdzie menu przechodzi w panel boczny (ten sam breakpoint co components.css). */
@media (max-width: 1120px) {
	.unia-header__inner .wp-block-navigation__responsive-container-open {
		min-width: 44px;
		min-height: 44px;
		display: inline-flex;
		align-items: center;
		justify-content: center;
	}
}

/* D3: „Czytaj więcej…" — większa czcionka i strefa klikania */
.unia-home-news .wp-block-post-excerpt__more-link {
	font-size: 1.125rem;
	padding-top: 0.5rem;
	padding-bottom: 0.5rem;
}

/* B3: mobile — przyciski hero pełnej szerokości, jeden pod drugim */
@media (max-width: 480px) {
	.unia-hero .wp-block-buttons {
		flex-direction: column;
		align-items: stretch;
	}
	.unia-hero .wp-block-buttons .wp-block-button {
		width: 100%;
	}
	.unia-hero .wp-block-buttons .wp-block-button__link {
		width: 100%;
	}
}

/* D8: statystyki i sponsorzy — 3 kolumny także na tablecie (601–781px) */
@media (min-width: 601px) and (max-width: 781px) {
	.unia-stats-cols,
	.wp-block-columns:has(.unia-partner-logo) {
		flex-wrap: nowrap !important;
	}
	.unia-stats-cols > .wp-block-column,
	.wp-block-columns:has(.unia-partner-logo) > .wp-block-column {
		flex-basis: 0 !important;
		flex-grow: 1 !important;
	}
}

/* D9: wyraźny, markowy focus ring (czytelny na jasnym i ciemnym tle) */
:focus-visible {
	outline: none;
	box-shadow:
		0 0 0 2px #ffffff,
		0 0 0 5px var(--wp--preset--color--primary-dark, #096f9f);
	border-radius: 3px;
}

/* Przyciski: hover bez podkreślenia tekstu (cień, kolor i uniesienie zostają). */
.entry-content a.wp-block-button__link:hover,
.entry-content a.wp-block-button__link:focus-visible {
	text-decoration: none;
}
