.indizio-shipping-promotions-block-message {
	background: #fbf8f1;
	border-left: 4px solid #c0a062;
	border-radius: 8px;
	color: #282828;
	margin: 12px 0;
	padding: 12px 14px;
}

/*
 * Small, compact badge for the single-product page message. Kept
 * intentionally minimal (monochrome, no icon) so it never adds noticeable
 * height on mobile product cards - it sits on one line next to the price
 * on desktop and wraps to a full-width single line on narrow screens.
 */
.indizio-shipping-promotions-product-message {
	background: #fafafa;
	border: 1px solid #111;
	border-radius: 3px;
	color: #111;
	display: inline-block;
	font-family: "Inter", sans-serif;
	font-size: 12px;
	font-weight: 500;
	letter-spacing: .01em;
	line-height: 1.35;
	margin: 8px 0;
	max-width: 100%;
	padding: 5px 10px;
	position: static;
}

/*
 * The badge no longer carries WooCommerce's "woocommerce-info" class (see
 * Promotion::render_product_message()), so this shouldn't be needed - kept
 * as a defensive reset in case a theme targets this element by some other
 * selector and injects its own notice icon via ::before/::after.
 */
.indizio-shipping-promotions-product-message::before,
.indizio-shipping-promotions-product-message::after {
	content: none;
	display: none;
}

@media (max-width: 480px) {
	.indizio-shipping-promotions-product-message {
		box-sizing: border-box;
		display: block;
		font-size: 11px;
		padding: 5px 9px;
		width: 100%;
	}
}