/**
 * Common styles for the cdaf/counter block
 * 
 * @since 2026-03-18
 * @author Designs and Codes, LLC
 */

.wp-block-cdaf-counter {
	display: flex;
	align-items: stretch;
	flex-flow: column nowrap;
	gap: 0;
	justify-content: start;
	inline-size: auto;
	background-color: var( --cdaf-counter-color-background, transparent );
	color: var( --cdaf-counter-color-foreground, inherit );
	text-align: center;
}

.wp-block-cdaf-counter[data-cdaf-counter-has-background] {
	padding-block: var( --fluffle-para__spacing-v, 1.0rem );
	padding-inline: var( --fluffle-flexbox__gap-h, 30px );
}

.wp-block-cdaf-counter__number {
	font-size: 200%;
	font-variant-numeric: tabular-nums;
	font-weight: 700;
}

.wp-block-cdaf-counter__grouping {
	color: var( --cdaf-counter-color-grouping, inherit );
	font-weight: 500;
}

.wp-block-cdaf-counter__grouping:empty {
	display: none;
}