/**
 * citivo-pagination.css — la barre de pagination PARTAGÉE (chantier G, G4).
 *
 * ⚠️ Voir `Citivo_Pagination`. Même bleu du site (#315ba3) et même forme que
 * les boutons de vue en icônes de la rangée d'outils : un bouton carré bordé,
 * plein quand il est courant ou survolé.
 * ⚠️⚠️ LE THÈME STYLE `button:hover` : la couleur du texte est donc RÉÉCRITE
 * sur chaque état (leçon de « Suivre », R5a) — jamais laissée à l'héritage.
 * ⚠️ Les tailles passent par les jetons de `citivo-typo.css`, que chaque écran
 * met déjà en file.
 */

.citivo-pagination-resume {
	margin: 16px 0 8px;
	text-align: center;
	color: #555555;
	font-size: var( --citivo-fs-action );
}

.citivo-pagination {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	gap: 6px;
	margin: 8px 0 24px;
}

.citivo-pagination .citivo-pagination-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 40px;
	min-height: 40px;
	padding: 0 10px;
	border: 1px solid #315ba3;
	border-radius: 6px;
	background: #ffffff;
	color: #315ba3;
	font-size: var( --citivo-fs-action );
	font-weight: 600;
	line-height: 1;
	cursor: pointer;
}

.citivo-pagination .citivo-pagination-btn:hover,
.citivo-pagination .citivo-pagination-btn:focus-visible,
.citivo-pagination .citivo-pagination-btn.is-current {
	border-color: #315ba3;
	background: #315ba3;
	color: #ffffff;
}

.citivo-pagination .citivo-pagination-btn.is-current {
	cursor: default;
}

.citivo-pagination .citivo-pagination-btn:disabled,
.citivo-pagination .citivo-pagination-btn:disabled:hover {
	border-color: #c8d1e0;
	background: #ffffff;
	color: #c8d1e0;
	cursor: default;
}

.citivo-pagination-ellipse {
	padding: 0 4px;
	color: #777777;
}

/* ⚠️ Pendant le chargement d'une page, l'écran pose `is-chargement` sur sa
   grille : on voit que la demande est partie, sans clignotement. */
.citivo-ms-grid.is-chargement {
	opacity: 0.5;
	transition: opacity 0.15s;
}