/**
 * inverse-paradox/posts: Verses pagination.
 *
 * Loaded only on pages that use the block (functions.php), right after assets/css/ollie-bridge.css,
 * from which these rules moved in 0.23.0 (section numbers kept).
 *
 * @package ip-ollie-child
 * @author  Inverse Paradox
 */

/* 14. Verses pagination (inc/dynamic-posts.php; the reference had none). Square 44px targets in
   the filter-button style; the current page is navy. */
.ip-pagination {
	display: flex;
	flex-wrap: wrap;
	gap: 0.5rem;
	margin-top: clamp(3rem, 6vw, 4.5rem);
}
.ip-pagination :is(a, span) {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 2.75rem;
	min-height: 2.75rem;
	padding: 0 1rem;
	border: 1px solid var(--ip-line, #e4e8ed);
	color: var(--ip-text, #121928);
	font-size: 0.9375rem;
	font-weight: 500;
	text-decoration: none;
	transition: border-color var(--ip-dur-fast, 200ms), color var(--ip-dur-fast, 200ms), background-color var(--ip-dur-fast, 200ms);
}
.ip-pagination a:is(:hover, :focus-visible) {
	border-color: var(--ip-red);
	color: var(--ip-red);
}
.ip-pagination .current {
	background: var(--ip-ink, #121928);
	border-color: var(--ip-ink, #121928);
	color: #fff;
}
.ip-pagination .dots {
	border-color: transparent;
}