/**
 * ABM Post Action — minimal runtime state classes.
 *
 * Kept intentionally to plain class selectors (no IDs, no !important)
 * so anything set in Bricks' own Style tab (which generates ID-scoped
 * CSS) overrides these without a fight. These only handle the
 * hide/fade *behavior*, not appearance — color, size, spacing, etc.
 * are entirely left to Bricks.
 */

.abm-pa-hidden {
	/* Deliberate exception to the "never fight Bricks" rule: hiding is
	   behavior, not appearance. Without !important, setting any display
	   value in the Style tab (e.g. flex, for centering) creates an
	   ID-scoped rule that silently wins over this plain class and
	   hide-when-zero stops working. */
	display: none !important;
}

.abm-pa-fade-out {
	opacity: 0;
	transition: opacity var( --abm-pa-fade-ms, 250ms ) ease;
}

/*
 * Default bases for the count element so it's visible the moment it's
 * dropped in — not just an empty invisible node. Deliberately minimal,
 * single-class selectors: every property here is trivially overridden
 * from the Bricks Style tab (which generates ID-scoped CSS).
 */
.abm-pa-number {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	font-variant-numeric: tabular-nums;
}

.abm-pa-bubble {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 20px;
	height: 20px;
	padding: 0 6px;
	border-radius: 999px;
	background: var( --abm-pa-bubble-bg, #e33e3e );
	color: var( --abm-pa-bubble-color, #fff );
	font-size: 12px;
	line-height: 1;
	font-variant-numeric: tabular-nums;
}