/* Bundle Builder: bundle line of a cart product ("Bundle #2D32C9" + "-5%"), two pills without a border.
   Colours can be changed in the theme's custom CSS, for example:
   :root { --bb-tag-bg: #f0f0f3; --bb-tag-color: #1d1d1f; --bb-tag-value-bg: #fde8e8; --bb-tag-value-color: #ce1111; } */
.bb-cart-tag,
.bb-cart-tag-value {
	display: inline-block;
	margin: 3px 0;
	padding: 2px 9px;
	border: 0;
	border-radius: 999px;
	font-size: 12px;
	font-weight: 600;
	line-height: 18px;
	white-space: nowrap;
	vertical-align: middle;
}

/* Themes style the option elements of their carts (Journal3 mini cart: a dot before the value and a line
   of its own): the bundle pills keep their own look */
.bb-cart-tag,
.bb-cart-tag-value {
	display: inline-block !important;
	float: none !important;
	width: auto !important;
	list-style: none !important;
}

.bb-cart-tag::before,
.bb-cart-tag::after,
.bb-cart-tag-value::before,
.bb-cart-tag-value::after {
	content: none !important;
	display: none !important;
}

/* Bundle name: grey */
.bb-cart-tag {
	background: var(--bb-tag-bg, #f0f0f3);
	color: var(--bb-tag-color, #1d1d1f);
}

/* Discount: light red, next to the name */
.bb-cart-tag-value {
	margin-left: 4px;
	background: var(--bb-tag-value-bg, #fde8e8);
	color: var(--bb-tag-value-color, #ce1111);
}