/**
 * Query pagination — horizontal layout on mobile.
 *
 * main.css sets `a,button { display:flex }` for touch targets, which forces
 * pagination links to stack as full-width blocks. Override inside listings.
 *
 * @package AscoltaNews
 */

.wp-block-query-pagination.ascolta-query-pagination {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	gap: 0.5rem 0.75rem;
	width: 100%;
}

.ascolta-query-pagination .wp-block-query-pagination-numbers {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	gap: 0.25rem 0.375rem;
	flex: 1 1 auto;
	min-width: 0;
}

.ascolta-query-pagination .page-numbers,
.ascolta-query-pagination a.page-numbers,
.ascolta-query-pagination span.page-numbers {
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	width: auto;
	flex: 0 0 auto;
	min-height: 2.25rem;
	min-width: 2.25rem;
	padding: 0.25rem 0.5rem;
	text-align: center;
	line-height: 1.2;
}

.ascolta-query-pagination .wp-block-query-pagination-previous,
.ascolta-query-pagination .wp-block-query-pagination-next {
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	width: auto;
	flex: 0 0 auto;
	min-height: 2.75rem;
	padding: 0.25rem 0.5rem;
}

@media (max-width: 639px) {
	.ascolta-query-pagination .wp-block-query-pagination-previous,
	.ascolta-query-pagination .wp-block-query-pagination-next {
		flex: 1 1 100%;
	}

	.ascolta-query-pagination .wp-block-query-pagination-numbers {
		flex: 1 1 100%;
	}
}

/* Classic PHP templates (the_posts_pagination). */
.navigation.pagination .nav-links {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	gap: 0.25rem 0.375rem;
}

.navigation.pagination .nav-links .page-numbers,
.navigation.pagination .nav-links a.page-numbers,
.navigation.pagination .nav-links span.page-numbers {
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	width: auto;
	flex: 0 0 auto;
	min-height: 2.25rem;
	min-width: 2.25rem;
	padding: 0.25rem 0.5rem;
}