/**
 * Archive pagination (parts/pagination.php).
 *
 * Plain CSS — served directly from /assets/src/css-no-process/ without a build
 * step. Styles the standard the_posts_pagination() output (.page-numbers) used
 * on archive, taxonomy and search templates.
 */

.post-query__pagination {
	margin-top: var(--spacing-40);
}

.pagination-container,
.pagination-container .navigation.pagination,
.pagination-container .nav-links {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	gap: 8px;
}

.pagination-container .navigation.pagination {
	margin: 0;
}

/* Accessible heading shouldn't take layout space. */
.pagination-container .screen-reader-text {
	position: absolute !important;
	width: 1px;
	height: 1px;
	margin: -1px;
	padding: 0;
	border: 0;
	overflow: hidden;
	clip: rect(0 0 0 0);
	clip-path: inset(50%);
	white-space: nowrap;
}

/* Page item — circle for numbers, pill for the arrows. */
.pagination-container .page-numbers {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 44px;
	height: 44px;
	padding: 0 8px;
	border-radius: 999px;
	border: 1px solid transparent;
	font-size: var(--size-16);
	font-weight: 500;
	line-height: 1;
	color: var(--color-black);
	text-decoration: none;
	background: transparent;
	transition: var(--transition-default);
}

.pagination-container a.page-numbers:hover {
	background: var(--color-gray-light);
	border-color: rgba(var(--color-black-rgb), 0.1);
}

.pagination-container .page-numbers.current {
	background: var(--color-black);
	color: var(--color-white);
}

.pagination-container .page-numbers.dots {
	min-width: 0;
	padding: 0 4px;
	color: rgba(var(--color-black-rgb), 0.5);
}

/* Prev / next arrows. */
.pagination-container .page-numbers.prev,
.pagination-container .page-numbers.next {
	border-color: rgba(var(--color-black-rgb), 0.12);
}

.pagination-container a.page-numbers.prev:hover,
.pagination-container a.page-numbers.next:hover {
	background: var(--color-gray-light);
	border-color: rgba(var(--color-black-rgb), 0.2);
}

.pagination-container .page-numbers svg {
	width: 16px;
	height: 16px;
	display: block;
}

/* Disabled edge arrows (first / last page). */
.pagination-container .page-numbers.disabled {
	opacity: 0.3;
	pointer-events: none;
}

/* If the icon helper produced nothing, don't show an empty pill. */
.pagination-container .page-numbers.disabled:empty {
	display: none;
}