/*
Ability Esports — Pagination.
/docs/UI-PATTERN-LIBRARY.md §27. Styles WordPress core's own
the_posts_pagination() output (real <a href> per page, fully crawlable —
no "Load more"/infinite-scroll pattern is used for primary, indexable
content anywhere in this system). Classes below match WP core's own
markup (.page-numbers / .current / .dots / .prev / .next) so no template
change beyond the args already passed in archive.php/search.php is needed.
*/

.ae-pagination {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	gap: var(--ae-space-xs);
	margin-block: var(--ae-space-2xl);
}

.ae-pagination .page-numbers {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 2.75rem;
	height: 2.75rem;
	padding-inline: var(--ae-space-sm);
	border-radius: var(--ae-radius-sm);
	color: var(--ae-color-text-secondary);
	font-family: var(--ae-font-body);
	font-size: var(--ae-text-body-sm);
	font-weight: var(--ae-weight-medium);
	text-decoration: none;
}

a.page-numbers:hover {
	background: var(--ae-color-interactive-hover);
	color: var(--ae-color-text-primary);
}

.ae-pagination .page-numbers.current {
	background: var(--ae-color-brand-primary);
	color: var(--ae-color-text-inverse);
}

.ae-pagination .page-numbers.dots {
	color: var(--ae-color-text-muted);
}