/**
 * DAF Marketplace — Pagination Styles
 * Location: /assets/front/pagination.css
 */

.dafmp-pagination {
	margin-top: 28px;
}

.dafmp-pagination .page-numbers {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.dafmp-pagination .page-numbers li {
	margin: 0;
}

.dafmp-pagination .page-numbers a,
.dafmp-pagination .page-numbers span {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 42px;
	height: 42px;
	padding: 0 14px;
	background: var(--dafmp-white);
	border: 1px solid var(--dafmp-border);
	border-radius: 12px;
	color: var(--dafmp-heading);
	font-size: 14px;
	font-weight: 700;
}

.dafmp-pagination .page-numbers a:hover {
	border-color: var(--dafmp-blue);
	color: var(--dafmp-blue);
}

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