/* Counter widget — structural styles. Colors/typography come from the
   widget's style controls (compiled per-instance), so only layout lives here. */
.ractro-counter {
	display: block;
}

.ractro-counter__num {
	font-size: 40px;
	font-weight: 800;
	line-height: 1.1;
	font-variant-numeric: tabular-nums;
}

.ractro-counter__prefix,
.ractro-counter__suffix {
	font-size: 0.55em;
	font-weight: 700;
	vertical-align: super;
}

.ractro-counter__title {
	font-size: 15px;
	font-weight: 500;
}

/* Icon layout — structural only; color/size/spacing come from style controls. */
.ractro-counter__icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
}

.ractro-counter--icon-left {
	display: flex;
	align-items: center;
}

.ractro-counter--icon-left .ractro-counter__body {
	flex: 1;
	min-width: 0;
}