/**
 * Posts pagination.
 */

.pagination {
	margin-top: 40px;
}

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

.pagination .page-numbers {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 44px;
	height: 44px;
	padding: 0 14px;
	border-radius: var(--radius-pill);
	font-size: 16px;
	font-weight: var(--font-weight-medium);
	line-height: 1;
	color: var(--color-black);
	transition:
		background-color var(--transition-hover),
		color var(--transition-hover);
}

.pagination a.page-numbers:hover,
.pagination a.page-numbers:focus-visible {
	background: var(--color-gray-border);
}

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

.pagination .page-numbers.dots {
	min-width: 0;
	padding: 0 4px;
	background: none;
}

/* Inweb Hub (or subcategory) — green accent. */
.is-hub .pagination .page-numbers.current {
	background: var(--color-hub);
}

@media (max-width: 767px) {
	.pagination {
		margin-top: 30px;
	}

	.pagination .page-numbers {
		min-width: 40px;
		height: 40px;
		padding: 0 10px;
	}
}