/* Circle badge: a group that reads as a disc, for "SAVE 40%" style stamps.
   Nothing here is content or colour — the group's own background, text colour
   and spacing controls drive those, and the lines inside are ordinary
   paragraphs, so an author edits the badge the way they edit any block. */
.wp-block-group.is-style-circle-badge {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: var(--brandy-circle-badge-gap, 0.1em);
	/* A group is block level, so `width: auto` would fill the row and
	   aspect-ratio would then blow the circle up to match. The badge sizes to
	   its own content instead, with a floor so a single short line still reads
	   as a disc rather than a dot. */
	width: fit-content;
	max-width: 100%;
	aspect-ratio: 1;
	padding: 0 !important;
	border-radius: 50%;
	text-align: center;
}

/* Flow layout gives children vertical margins. Inside a centred circle those
   read as the disc being off balance, and the author has no obvious control to
   blame. Spacing between the lines comes from the gap above instead. */
.wp-block-group.is-style-circle-badge > * {
	margin-block: 0;
}