/* =============================================================
   Paginação — marcação do core (the_posts_pagination).
   ============================================================= */

.paginacao {
	max-width: 62rem;
	margin-top: var(--e-6);
}

.paginacao .nav-links {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: var(--e-2);
}

.paginacao .page-numbers {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 0.4em;
	min-width: 2.6rem;
	white-space: nowrap;
	height: 2.6rem;
	padding: 0 0.8em;
	border: 1px solid var(--c-borda);
	border-radius: var(--raio);
	color: var(--c-texto-medio);
	font-size: var(--t-sm);
	font-weight: 600;
	text-decoration: none;
	transition: border-color var(--transicao), color var(--transicao), background-color var(--transicao);
}

.paginacao a.page-numbers:hover {
	border-color: var(--c-acao);
	color: var(--c-acao);
}

.paginacao .page-numbers.current {
	border-color: var(--c-acao);
	background: var(--c-acao);
	color: #fff;
}

.paginacao .page-numbers.dots {
	border-color: transparent;
	min-width: auto;
	padding: 0 0.2em;
}

.paginacao .next {
	margin-left: auto;
}