/* Pagination. Also styles WP the_posts_pagination() (.nav-links .page-numbers) and WPJM (.job-manager-pagination). */
.c-pagination { display: grid; justify-items: center; gap: var(--space-3); margin-top: var(--space-10); }
.c-pagination__status { font-size: var(--fs-14); color: var(--color-text-muted); }
.c-pagination__list, .nav-links, .job-manager-pagination ul { display: flex; flex-wrap: wrap; justify-content: center; gap: var(--space-2); margin: 0; padding: 0; list-style: none; }
:is(.c-pagination, .navigation.pagination, .job-manager-pagination) :is(a, span.page-numbers, .current, li > span) {
	display: inline-grid; place-items: center; min-width: var(--tap); height: var(--tap); padding: 0 var(--space-3);
	font-size: var(--fs-14); font-weight: var(--fw-semibold); font-variant-numeric: tabular-nums; text-decoration: none;
	color: var(--color-text); background: var(--color-surface); border: 1px solid var(--color-border); border-radius: var(--radius-md);
	transition: border-color var(--dur-fast) var(--ease), background-color var(--dur-fast) var(--ease);
}
:is(.c-pagination, .navigation.pagination, .job-manager-pagination) a:hover { border-color: var(--pn-brand-300); background: var(--pn-brand-50); color: var(--pn-brand-700); }
:is(.c-pagination, .navigation.pagination, .job-manager-pagination) :is([aria-current="page"], .current) { color: #fff; background: var(--color-primary); border-color: var(--color-primary); }
:is(.c-pagination, .navigation.pagination) .dots { border-color: transparent; background: transparent; min-width: 1.5rem; padding: 0; }
.c-pagination [aria-disabled="true"] { opacity: 0.4; pointer-events: none; }
/* WCAG 2.5.8 floor for every pagination link (WP core, WPJM, Elementor, theme lists), whatever stylesheet is missing. */
a.page-numbers, .nav-links a, .jl-pg, .job-manager-pagination a, .elementor-pagination a { min-width: 24px; min-height: 24px; }