/* Actumag – Vues & Partages : styles du bloc affiché sous l'image de couverture
   Design retenu : "Badge circulaire" — anneau orange autour du total de partages,
   boutons de partage ronds avec badge de comptage. */

.amvp-bar {
	--amvp-orange: #DC7A26;
	--amvp-blue: #0779AE;
	--amvp-ink: #1A1A1A;
	--amvp-ink-soft: #6B6B6B;
	--amvp-line: #E7E7E7;
	--amvp-btn-bg: #F1F1F1;

	box-sizing: border-box;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
	margin: 14px 0 20px;
	padding: 14px 20px;
	background: #fff;
	border: 1px solid var(--amvp-line);
	border-radius: 12px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 20px;
	flex-wrap: wrap;
}
.amvp-bar *,
.amvp-bar *::before,
.amvp-bar *::after { box-sizing: border-box; }

.amvp-left { display: flex; align-items: center; gap: 14px; flex-wrap: wrap; }

/* Anneau orange autour du total de partages */
.amvp-circle {
	width: 62px;
	height: 62px;
	border-radius: 50%;
	background: var(--amvp-orange);
	display: flex;
	align-items: center;
	justify-content: center;
	flex: none;
}
.amvp-circle-inner {
	width: 52px;
	height: 52px;
	border-radius: 50%;
	background: #fff;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	text-align: center;
}
.amvp-circle-inner .amvp-num { font-size: 14px; color: var(--amvp-ink); line-height: 1; }
.amvp-circle-lbl {
	font-size: 8.5px;
	color: var(--amvp-ink-soft);
	text-transform: uppercase;
	letter-spacing: .03em;
	margin-top: 2px;
}

.amvp-stat { display: flex; align-items: center; gap: 8px; }
.amvp-stat svg { width: 19px; height: 19px; flex: none; color: var(--amvp-blue); }
.amvp-num { font-size: 15px; font-weight: 800; color: var(--amvp-ink); }
.amvp-lbl { font-size: 12px; color: var(--amvp-ink-soft); }

.amvp-share-row { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }

.amvp-share-btn {
	position: relative;
	width: 38px;
	height: 38px;
	border-radius: 50%;
	background: var(--amvp-btn-bg);
	display: flex;
	align-items: center;
	justify-content: center;
	color: var(--amvp-ink-soft);
	text-decoration: none;
	cursor: pointer;
	transition: background .15s ease, color .15s ease;
	user-select: none;
}
.amvp-share-btn svg { width: 16px; height: 16px; }
.amvp-share-btn:hover { background: var(--amvp-blue); color: #fff; }

.amvp-share-btn .amvp-count {
	position: absolute;
	top: -6px;
	right: -6px;
	background: var(--amvp-orange);
	color: #fff;
	font-size: 9px;
	font-weight: 700;
	min-width: 16px;
	height: 16px;
	line-height: 16px;
	border-radius: 8px;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0 3px;
}

@media (max-width: 520px) {
	.amvp-bar { flex-direction: column; align-items: stretch; }
	.amvp-left { justify-content: center; }
	.amvp-share-row { justify-content: center; }
}