/**
 * Live Social Proof — counter layout.
 *
 * Deliberately minimal: typography, colour and size are inherited from the
 * Elementor widget so the tag adopts whatever styling you apply there.
 */

.lsp-counter {
	display: inline-flex;
	align-items: center;
	gap: 0.45em;
	line-height: inherit;
	font: inherit;
	color: inherit;
	vertical-align: middle;
	white-space: nowrap;
}

.lsp-counter .lsp-value {
	font-weight: 700;
	font-variant-numeric: tabular-nums;
	letter-spacing: 0.01em;
}

.lsp-counter .lsp-label {
	font-weight: inherit;
}

/* Smooth the number swap when a refresh lands. */
.lsp-counter .lsp-value {
	transition: opacity 0.2s ease;
}

.lsp-counter.is-updating .lsp-value {
	opacity: 0.45;
}

@media (prefers-reduced-motion: reduce) {

	.lsp-counter .lsp-value {
		transition: none;
	}
}