/* Conteneur principal de la pagination */
.pagination {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 6px;
	margin: 30px 0;
	font-family: inherit;
}

/* Style commun pour les liens et les boutons */
.pagination a, 
.pagination span {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 38px;
	height: 38px;
	padding: 0 12px;
	font-size: 14px;
	font-weight: 500;
	color: #4B5563;
	background-color: #FFFFFF;
	border: 1px solid #D1D5DB;
	border-radius: 6px;
	text-decoration: none;
	transition: all 0.2s ease-in-out;
}

/* Effet au survol des liens */
.pagination a:hover {
	background-color: color-mix(in srgb, var(--bleu-cfer), #FFFFFF 90%);
	color: var(--bleu-cfer);
	border-color: var(--vert-cfer);
}

/* Style de la page active (courante) */
.pagination a.page_active,
.pagination span.page_active {
	background-color: color-mix(in srgb, var(--bleu-cfer), #FFFFFF 70%);
	color: var(--bleu-cfer);
	border-color: var(--bleu-cfer);
	font-weight: 600;
	cursor: default;
}

/* Boutons Précédent / Suivant */
.pagination a.pagination_prev, 
.pagination a.pagination_next {
	padding: 0 16px;
}

.pagination span.pagination_dots {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 38px;
	height: 38px;
	padding: 0 6px;
	color: #6b7280;
	font-weight: bold;
	border: none;
	background: transparent;
}