.bol-message {
	margin: 0.5em 0;
	font-size: 0.95em;
	line-height: 1.4;
}

.bol-message a.bol-link {
	font-weight: 600;
	text-decoration: underline;
}

/* Threshold reached: the message becomes a callout. */
.bol-message.bol-active {
	margin: 0.75em 0;
	padding: 0.65em 0.9em;
	border-left: 4px solid var(--bol-accent, currentColor);
	background: var(--bol-bg, rgba(0, 0, 0, 0.04));
}

.bol-blocked {
	opacity: 0.45;
	cursor: not-allowed;
	pointer-events: none;
}

.bol-hidden {
	display: none !important;
}

/* Callout (threshold reached) uses the colors set in the plugin settings. */
.bol-message.bol-active {
	border-left-color: var(--bol-notice-icon, currentColor);
	background: var(--bol-notice-bg, rgba(0, 0, 0, 0.04));
	color: var(--bol-notice-text, inherit);
}

/* Cart block banner that carries our notice: neutral "Cart Notice" look instead of the red error style. */
.wc-block-components-notice-banner.is-error.bol-cart-notice,
.wc-block-components-notice-banner.bol-cart-notice {
	background-color: var(--bol-notice-bg, #fff8e6) !important;
	border-color: var(--bol-notice-icon, #b7791f) !important;
	color: var(--bol-notice-text, #3d2c00) !important;
}

.wc-block-components-notice-banner.bol-cart-notice > svg {
	background-color: var(--bol-notice-icon, #b7791f) !important;
	fill: #fff !important;
}

.wc-block-components-notice-banner.bol-cart-notice a,
.wc-block-components-notice-banner.bol-cart-notice .wc-block-components-notice-banner__content {
	color: var(--bol-notice-text, #3d2c00) !important;
}

.bol-banner-link {
	margin-top: 0.4em;
	font-weight: 600;
}

.bol-banner-link a {
	text-decoration: underline;
}

/* "N in cart" at the end of the product-page message. */
.bol-incart {
	margin-left: 0.6em;
	opacity: 0.8;
	white-space: nowrap;
}

.bol-incart::before {
	content: "\00b7\00a0";
}

.bol-threshold {
	font-weight: 700;
}