/**
 * Minimum 44×44 CSS px targets: pagination, prev/next, etc.
 * Inline anchors need `inline-flex` (or block) for min-size to apply.
 */

body #wrapper .single-navigation {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: end;
	gap: 0.75rem;
}

body #wrapper .single-navigation a[rel="prev"],
body #wrapper .single-navigation a[rel="next"] {
	float: none !important;
	box-sizing: border-box;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 0.35em;
	min-width: 44px;
	min-height: 44px;
	padding: 0.5em 1.1em;
	border: 1px solid currentColor;
	border-radius: 4px;
	line-height: 1.2;
	text-decoration: none;
	color: var(--link_color, inherit);
	background-color: transparent;
	transition: color 0.2s ease, background-color 0.2s ease, border-color 0.2s ease;
}

body #wrapper .single-navigation a[rel="prev"]:hover,
body #wrapper .single-navigation a[rel="next"]:hover,
body #wrapper .single-navigation a[rel="prev"]:focus-visible,
body #wrapper .single-navigation a[rel="next"]:focus-visible {
	color: var(--link_hover_color, inherit);
	border-color: var(--link_hover_color, currentColor);
	background-color: rgba(0, 0, 0, 0.05);
	text-decoration: none;
}

body #wrapper .fusion-pagination a.page-numbers,
body #wrapper .fusion-pagination a.prev,
body #wrapper .fusion-pagination a.next,
body #wrapper .pagination a.pagination-prev,
body #wrapper .pagination a.pagination-next,
body #wrapper .pagination a.inactive,
body #wrapper .page-links a,
body #wrapper nav.woocommerce-pagination ul li a {
	box-sizing: border-box;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 44px;
	min-height: 44px;
}

body #wrapper .fusion-pagination a.page-numbers:not(.dots),
body #wrapper .pagination a.page-numbers:not(.dots) {
	min-width: 44px;
	min-height: 44px;
}