/*
 * Suivi des mises à jour : un badge visible (pastille avec petite horloge), dans l'esprit du badge « Site certifié & sécurisé ».
 * Copie IDENTIQUE dans PRISME Crous et PRISME Bus (le thème en garde une pour le badge du pied de page). Couleurs de la charte (vert = à l'heure, ambre = en retard), jamais la couleur seule :
 * l'icône et le texte changent aussi (« en retard : prévue à … »). Aucun mouvement ni clignotement. Texte 14 px minimum, cible non interactive.
 */
.prisme-suivi-badge {
	display: inline-flex;
	align-items: center;
	gap: var(--prisme-e2, 8px);
	box-sizing: border-box;
	max-width: 100%;
	min-height: 44px;
	margin: 16px 0;
	padding: 8px 16px;
	background: rgba(46, 204, 113, 0.12);
	color: #E2E8F0;
	border: 1px solid rgba(46, 204, 113, 0.4);
	border-radius: 22px;
	font-family: inherit;
	font-size: 14px;
	font-weight: 500;
	line-height: 1.45;
	overflow-wrap: anywhere;
}
.prisme-suivi-badge strong { font-weight: 600; color: #FFFFFF; }
.prisme-suivi-icone { display: inline-flex; flex: none; color: #2ECC71; }
.prisme-suivi-badge--retard { background: rgba(245, 166, 35, 0.14); border-color: rgba(245, 166, 35, 0.55); }
.prisme-suivi-badge--retard .prisme-suivi-icone { color: #F5A623; }
.prisme-suivi-badge--ligne { margin: 4px 0; min-height: 0; padding: 4px 12px; }
@media (max-width: 480px) {
	.prisme-suivi-badge { display: flex; padding: 8px 12px; }
}

/* Pied de page : à côté du badge « Site certifié & sécurisé » (même hauteur, même marge). */
.prisme-suivi-badge--pied { margin: 8px 8px 8px 0; }