/*
 * Blog: archiwum i wpis na wzór strony SEO 699:95 (blog nie ma projektu).
 * Hero i pas CTA mają arkusze swoich bloków, tu tylko treść między nimi.
 */

/* Treść 40 px pod hero (518 − 478) i 100 px nad pasem CTA (1006 − 906). Astra daje 60/60
   na `.ast-plain-container.ast-no-sidebar #primary`, więc ta sama specyficzność plus klasa widoku. */
:is(.blog, .single-post).ast-plain-container.ast-no-sidebar #primary {
	margin-block: 40px var(--wa-space-section);
}

/* --- Wpis: tekst 699:342 ma regułę wspólną ze stronami SEO w tokens.css --- */

/* `.hentry` dokłada 1,5em pod artykułem, czyli 24 px ponad 100 px do pasa CTA. */
.single-post .hentry {
	margin-bottom: 0;
}

/* --- Archiwum: karty z „Aktualności” w siatce zamiast toru karuzeli --- */

.wa-aktualnosci.wa-blog ul.wa-aktualnosci__grid {
	grid-template-columns: repeat(var(--wa-akt-widoczne), minmax(0, 1fr));
	grid-auto-flow: row;
	margin-right: 0;
	overflow: visible;
	scroll-snap-type: none;
}

/* Paginacja Astry (the_posts_pagination): numery w pigułkach jak data na karcie. */
.blog .ast-pagination {
	margin-top: 60px;
}

.blog .ast-pagination .nav-links {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: var(--wa-space-xs);
}

.blog .ast-pagination .page-numbers {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 6px; /* flex zjada spację między „Następny” a strzałką */
	min-width: 44px; /* cel dotyku */
	min-height: 44px;
	padding-inline: 12px;
	border: 1px solid var(--wa-color-border);
	border-radius: 22px;
	color: var(--wa-color-text);
	text-decoration: none;
}

/* Akcent #0091cb ma z bielą 3,55:1, za mało na tekst 16 px. Tekst zostaje ciemny,
   kolor niesie ramka, a bieżąca strona ma ciemniejszy niebieski (#006d99, 5,8:1, jak hero na telefonie). */
.blog .ast-pagination a.page-numbers:is(:hover, :focus-visible) {
	border-color: var(--wa-color-accent);
	color: var(--wa-color-text);
	text-decoration: underline;
}

.blog .ast-pagination .page-numbers.current {
	border-color: #006d99;
	background-color: #006d99;
	color: var(--wa-color-white);
}