/**
 * Paginação compartilhada do tema.
 */

.fbb-pagination {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	justify-content: center;
	margin-top: 36px;
}

.fbb-pagination .page-numbers {
	display: grid;
	place-items: center;
	min-width: 40px;
	height: 40px;
	padding-inline: 10px;
	color: var( --fbb-color-navy );
	border: 1px solid var( --fbb-color-navy );
	border-radius: var( --fbb-radius-pill );
	font-weight: var( --fbb-font-weight-bold );
	text-decoration: none;
}

.fbb-pagination .page-numbers:hover,
.fbb-pagination .page-numbers:focus-visible,
.fbb-pagination .page-numbers.current {
	color: var( --fbb-color-white );
	background: var( --fbb-color-navy );
}

.fbb-pagination .page-numbers:focus-visible {
	outline: 3px solid color-mix( in srgb, var( --fbb-color-navy ) 28%, transparent );
	outline-offset: 2px;
}