/**
 * RecipesJV — Pagination Component
 */

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

.rjv-pagination .page-numbers {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 44px;
	height: 44px;
	padding-inline: var(--space-3);
	border-radius: var(--radius-md);
	font-family: var(--font-heading);
	font-size: var(--text-sm);
	font-weight: 600;
	color: var(--color-text);
	text-decoration: none;
	border: 1.5px solid var(--color-border);
	transition: all var(--transition);
	background-color: var(--color-white);
}

.rjv-pagination .page-numbers:hover {
	border-color: var(--color-primary);
	color: var(--color-primary);
}

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

.rjv-pagination .page-numbers.dots {
	border-color: transparent;
	background-color: transparent;
	color: var(--color-text-muted);
	cursor: default;
}

.rjv-pagination .prev,
.rjv-pagination .next {
	font-size: var(--text-xs);
	padding-inline: var(--space-4);
}