/* Success feedback only. Errors and informational notices retain WooCommerce semantics. */
body.single-product #main .woocommerce-message,
body.woocommerce-cart #brx-content .woocommerce-message,
body.single-product #main .wc-block-components-notice-banner.is-success,
body.woocommerce-cart #brx-content .wc-block-components-notice-banner.is-success {
	align-items: center;
	--cg-liquid-panel-radius: 14px;
	box-sizing: border-box;
	color: #272b29 !important;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.45;
	margin: 0 0 18px;
	min-height: 52px;
	padding: 10px 12px 10px 16px !important;
}

/* Woo success chrome is reset; the canonical panel remains the only surface/rim. */
body.single-product #main .woocommerce-message.cg-liquid-panel,
body.woocommerce-cart #brx-content .woocommerce-message.cg-liquid-panel,
body.single-product #main .wc-block-components-notice-banner.is-success.cg-liquid-panel,
body.woocommerce-cart #brx-content .wc-block-components-notice-banner.is-success.cg-liquid-panel {
	border: 0 !important;
}

body.single-product #main .woocommerce-message::before,
body.woocommerce-cart #brx-content .woocommerce-message::before {
	color: #525856;
}

body.single-product #main .woocommerce-message .button,
body.woocommerce-cart #brx-content .woocommerce-message .button,
body.single-product #main .wc-block-components-notice-banner.is-success a,
body.woocommerce-cart #brx-content .wc-block-components-notice-banner.is-success a {
	align-items: center;
	background: transparent !important;
	border: 0 !important;
	border-radius: 10px !important;
	box-shadow: none !important;
	color: #272b29 !important;
	display: inline-flex;
	font-size: 14px;
	font-weight: 550;
	justify-content: center;
	min-height: 44px;
	padding: 8px 12px !important;
	text-decoration: underline;
	text-decoration-thickness: 1px;
	text-underline-offset: 3px;
}

body.single-product #main .woocommerce-message .button:focus-visible,
body.woocommerce-cart #brx-content .woocommerce-message .button:focus-visible,
body.single-product #main .wc-block-components-notice-banner.is-success a:focus-visible,
body.woocommerce-cart #brx-content .wc-block-components-notice-banner.is-success a:focus-visible {
	outline: 2px solid #272b29;
	outline-offset: 2px;
}

@media (max-width: 600px) {
	body.single-product #main .woocommerce-message,
	body.woocommerce-cart #brx-content .woocommerce-message {
		display: grid;
		gap: 6px;
	}

	body.single-product #main .woocommerce-message .button,
	body.woocommerce-cart #brx-content .woocommerce-message .button {
		justify-self: start;
		margin: 0;
	}
}