/*
 * Composant de pagination partagé, appliqué à tous les gabarits utilisant
 * wp:query-pagination (recherche, archive, archive-faq, taxonomy-faq_category).
 * Reprend le langage pilule/violet des boutons du thème.
 */
.solea-pagination {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	gap: 8px;
	margin-top: clamp(24px, 4vw, 40px);
}

.solea-pagination .wp-block-query-pagination-previous,
.solea-pagination .wp-block-query-pagination-next {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 44px;
	padding: 0 20px;
	border-radius: 1000px;
	background: var(--wp--preset--color--brand-surface);
	color: var(--wp--preset--color--brand-purple-dark);
	font-weight: 600;
	font-size: 0.9375rem;
	text-decoration: none;
	transition: background-color 0.25s ease, color 0.25s ease;
}

.solea-pagination .wp-block-query-pagination-previous:hover,
.solea-pagination .wp-block-query-pagination-next:hover {
	background: var(--wp--preset--color--brand-purple);
	color: var(--wp--preset--color--base);
}

/* Toujours affichés (functions.php force leur rendu même sans page précédente/suivante). */
.solea-pagination .wp-block-query-pagination-previous.is-disabled,
.solea-pagination .wp-block-query-pagination-next.is-disabled {
	background: transparent;
	color: var(--wp--preset--color--brand-muted);
	opacity: 0.6;
	cursor: not-allowed;
	pointer-events: none;
}

.solea-pagination .wp-block-query-pagination-previous.is-disabled:hover,
.solea-pagination .wp-block-query-pagination-next.is-disabled:hover {
	background: transparent;
	color: var(--wp--preset--color--brand-muted);
}

.solea-pagination .wp-block-query-pagination-numbers {
	display: inline-flex;
	align-items: center;
	gap: 4px;
}

.solea-pagination .wp-block-query-pagination-numbers .page-numbers {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 40px;
	min-height: 40px;
	padding: 0 8px;
	border-radius: 1000px;
	color: var(--wp--preset--color--brand-muted);
	font-weight: 600;
	font-size: 0.9375rem;
	text-decoration: none;
	transition: background-color 0.25s ease, color 0.25s ease;
}

.solea-pagination .wp-block-query-pagination-numbers a.page-numbers:hover {
	background: var(--wp--preset--color--brand-surface);
	color: var(--wp--preset--color--brand-purple-dark);
}

.solea-pagination .wp-block-query-pagination-numbers .page-numbers.current {
	background: var(--wp--preset--color--brand-purple);
	color: var(--wp--preset--color--base);
}

.solea-pagination .wp-block-query-pagination-numbers .page-numbers.dots {
	color: var(--wp--preset--color--brand-muted);
}