/**
 * Habillage "pastille" pour la terms-list du widget Elementor Pro "Post Info".
 * Le JS (voir terms-list-pills.js) se contente de retirer les virgules générées
 * par Elementor et de réordonner les items ; le point séparateur est généré ici,
 * en CSS pur, via ::after sur chaque pastille (sauf la dernière).
 *
 * Opt-in : ne s'applique que sur les widgets Post Info portant la classe CSS
 * "anetmo-terms-pills" (Elementor → onglet Advanced → CSS Classes).
 */

.anetmo-terms-pills .elementor-post-info__terms-list {
	display: inline-flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0.35em 1.2em;
}

.anetmo-terms-pills .elementor-post-info__terms-list-item.anetmo-terms-list-pill {
	position: relative;
	display: inline-block;
	padding: 0.2em 0.85em;
	border-radius: 999px;
	background-color: #E3E9F9;
	color:#01013E;
	line-height: 1.7;
	text-decoration: none;
	transition: all 0.2s ease-in-out;
}

/* .anetmo-terms-pills a.elementor-post-info__terms-list-item.anetmo-terms-list-pill:hover,
.anetmo-terms-pills a.elementor-post-info__terms-list-item.anetmo-terms-list-pill:focus {
	background-color: #01013E;
	color:#E3E9F9
} */

.anetmo-terms-pills .elementor-post-info__terms-list-item.anetmo-terms-list-pill:not(:first-child) {
	margin-left: 13px;
}


.anetmo-terms-pills .elementor-post-info__terms-list-item.anetmo-terms-list-pill:not(:last-child)::after {
	content: "";
	position: absolute;
	height:5px;
	width: 5px;
	background-color: #01013E;
	border-radius: 999px;
	top: 50%;
	right: -9px;
	pointer-events: none;
	transform: translateY(-50%);
}