/* =============================================================================
   BrixiesV2 Savings Badge
   CSS custom props set inline by PHP: --sb-bg, --sb-fg
   ============================================================================= */

.brixiesv2-sb {
	display         : inline-flex;
	align-items     : center;
	justify-content : center;
	gap             : 4px;
	background      : var(--sb-bg, #dc2626);
	color           : var(--sb-fg, #ffffff);
	font-size       : 12px;
	font-weight     : 700;
	line-height     : 1;
	padding         : 4px 9px;
	white-space     : nowrap;
	vertical-align  : middle;
	letter-spacing  : 0.01em;
	text-transform  : none;
	box-shadow      : 0 1px 2px rgba(0,0,0,0.08);
	animation       : brixiesv2-sb-pop 0.25s ease both;
}

.brixiesv2-sb--pill   { border-radius: 999px; }
.brixiesv2-sb--tag    { border-radius: 3px 12px 12px 3px; padding-left: 12px; }
.brixiesv2-sb--square { border-radius: 3px; }

.woocommerce-Price-amount + .brixiesv2-sb,
.price .brixiesv2-sb {
	margin-left: 6px;
}

@keyframes brixiesv2-sb-pop {
	from { opacity: 0; transform: scale(0.85); }
	to   { opacity: 1; transform: scale(1);    }
}