/**
 * Archive Pagination — Shared Pagination Styles
 *
 * Unified pagination for service and project archive pages.
 * Replaces .services-pagination, .projects-pagination
 */

/* ── Archive Pagination ─────────────────────── */

.archive-pagination {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 1rem;
	padding: 2rem 0 5rem;
	flex-wrap: wrap;
}

.archive-pagination .page-numbers {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 3rem;
	height: 3rem;
	border-radius: 50%;
	border: 1px solid var(--color-border);
	color: var(--color-brand);
	text-decoration: none;
	font-weight: 600;
	transition: all 0.3s var(--ease-out);
}

.archive-pagination .page-numbers:hover {
	background: var(--color-bg-alt);
	border-color: var(--color-brand);
}

.archive-pagination .page-numbers.current {
	background: var(--color-brand);
	color: var(--color-text-on-dark);
	border-color: var(--color-brand);
	box-shadow: 0 4px 15px rgba(var(--color-brand-rgb), 0.3);
	font-weight: 700;
}

.archive-pagination .prev,
.archive-pagination .next {
	color: var(--color-brand);
}

.archive-pagination .prev:hover,
.archive-pagination .next:hover {
	background: var(--color-bg-alt);
}