/* WP-PageNavi — tema (carregado via wp_enqueue_scripts tarde)
   Marcação: <div class="theme-pagenavi-wrap navigation" role="navigation" aria-label="Paginação">
              <?php wp_pagenavi( array( 'query' => $q, 'wrapper_class' => 'wp-pagenavi' ) ); ?>
              </div>
   Prefixo body.* para ganhar especificidade sobre Flatsome / links globais. */

body .theme-pagenavi-wrap {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	padding: 2rem 15px 1.5rem;
}

body .theme-pagenavi-wrap .wp-pagenavi {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	gap: 8px;
	margin: 0;
	clear: none;
}

body .theme-pagenavi-wrap .wp-pagenavi a,
body .theme-pagenavi-wrap .wp-pagenavi span {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 2.75rem;
	min-height: 2.75rem;
	padding: 0 0.85rem;
	margin: 0;
	border-radius: 30px;
	border: 1px solid rgba(255, 255, 255, 0.22);
	background-color: #3d3d3d;
	color: #fff;
	font-size: 0.9375rem;
	text-decoration: none;
	line-height: 1.2;
	box-sizing: border-box;
}

body .theme-pagenavi-wrap .wp-pagenavi span.current {
	background-color: #dd8655;
	border-color: #dd8655;
	color: #fff;
	font-weight: 600;
}

body .theme-pagenavi-wrap .wp-pagenavi a:hover,
body .theme-pagenavi-wrap .wp-pagenavi a:focus {
	background-color: #dd8655;
	border-color: #dd8655;
	color: #fff;
	text-decoration: none;
}

body .theme-pagenavi-wrap .wp-pagenavi .pages,
body .theme-pagenavi-wrap .wp-pagenavi span.extend {
	border: none;
	background-color: transparent;
	color: rgba(255, 255, 255, 0.7);
	min-width: auto;
	padding: 0 0.35rem;
	font-weight: 400;
}