/**
 * Wildcard Rental Engine — unified customer notice design (Phase 24.43).
 *
 * Scoped to WRE surfaces. Styles BOTH classic Woo notices and Blocks notice banners.
 * The Cart canonical host (`[data-wre-cart-notices="canonical"]`) is structural only;
 * this file styles the notice banners themselves.
 */

.wre-cart-shell .wc-block-components-notice-banner,
.wre-cart-shell .woocommerce-error,
.wre-cart-shell .woocommerce-message,
.wre-cart-shell .woocommerce-info,
.wre-cart-shell .woocommerce-noreviews,
.wre-ui .wc-block-components-notice-banner,
.wre-ui .woocommerce-error,
.wre-ui .woocommerce-message,
.wre-ui .woocommerce-info,
.wre-current-product .wc-block-components-notice-banner,
.wre-current-product .woocommerce-error,
.wre-current-product .woocommerce-message,
.wre-current-product .woocommerce-info {
	box-sizing: border-box !important;
	display: flex;
	align-items: flex-start;
	gap: 0.75rem;
	width: auto;
	max-width: 100%;
	min-width: 0;
	margin: 0 0 0.75rem;
	padding: 0.85rem 1rem;
	border-radius: var(--wre-radius, 2px);
	border-style: solid !important;
	border-width: 1px 1px 1px 4px !important;
	border-color: var(--wre-color-border, #d4cbb8);
	background: var(--wre-color-light-accent, var(--wre-color-light, #faf7f0));
	color: var(--wre-color-text-dark, #1a1a1a);
	font-size: 0.95rem;
	line-height: 1.45;
	word-break: break-word;
	overflow-wrap: anywhere;
	list-style: none;
	box-shadow: none;
}

.wre-current-product .wre-product-notices,
.wre-catalog .wre-product-notices {
	margin: 0 0 1rem;
	width: 100%;
	max-width: 100%;
}

.wre-current-product .wre-product-notices:empty,
.wre-catalog .wre-product-notices:empty {
	margin: 0;
	display: none;
}

.wre-cart-shell .wc-block-components-notice-banner:last-child,
.wre-cart-shell .woocommerce-error:last-child,
.wre-cart-shell .woocommerce-message:last-child,
.wre-cart-shell .woocommerce-info:last-child,
.wre-ui .wc-block-components-notice-banner:last-child,
.wre-ui .woocommerce-error:last-child,
.wre-ui .woocommerce-message:last-child,
.wre-ui .woocommerce-info:last-child {
	margin-bottom: 0;
}

/* Classic lists often wrap multiple <li>; treat the list as the banner. */
.wre-cart-shell ul.woocommerce-error,
.wre-cart-shell ul.woocommerce-message,
.wre-cart-shell ul.woocommerce-info,
.wre-ui ul.woocommerce-error,
.wre-ui ul.woocommerce-message,
.wre-ui ul.woocommerce-info {
	display: flex;
	flex-direction: column;
	gap: 0.35rem;
	padding-left: 1rem;
}

.wre-cart-shell ul.woocommerce-error li,
.wre-cart-shell ul.woocommerce-message li,
.wre-cart-shell ul.woocommerce-info li,
.wre-ui ul.woocommerce-error li,
.wre-ui ul.woocommerce-message li,
.wre-ui ul.woocommerce-info li {
	margin: 0;
	padding: 0;
	border: 0;
	background: transparent;
	list-style: disc;
}

/* ERROR */
.wre-cart-shell .wc-block-components-notice-banner.is-error,
.wre-cart-shell .woocommerce-error,
.wre-ui .wc-block-components-notice-banner.is-error,
.wre-ui .woocommerce-error,
.wre-current-product .wc-block-components-notice-banner.is-error,
.wre-current-product .woocommerce-error {
	background: color-mix(in srgb, var(--wre-color-error, #8b2e2e) 10%, #fff);
	border-color: color-mix(in srgb, var(--wre-color-error, #8b2e2e) 35%, var(--wre-color-border, #d4cbb8));
	border-left-color: var(--wre-color-error, #8b2e2e);
	color: var(--wre-color-text-dark, #1a1a1a);
}

/* WARNING (Blocks) */
.wre-cart-shell .wc-block-components-notice-banner.is-warning,
.wre-ui .wc-block-components-notice-banner.is-warning,
.wre-current-product .wc-block-components-notice-banner.is-warning {
	background: color-mix(in srgb, var(--wre-color-warning, #a67c2e) 12%, #fff);
	border-color: color-mix(in srgb, var(--wre-color-warning, #a67c2e) 40%, var(--wre-color-border, #d4cbb8));
	border-left-color: var(--wre-color-warning, #a67c2e);
	color: var(--wre-color-text-dark, #1a1a1a);
}

/* SUCCESS */
.wre-cart-shell .wc-block-components-notice-banner.is-success,
.wre-cart-shell .woocommerce-message,
.wre-ui .wc-block-components-notice-banner.is-success,
.wre-ui .woocommerce-message,
.wre-current-product .wc-block-components-notice-banner.is-success,
.wre-current-product .woocommerce-message {
	background: color-mix(in srgb, var(--wre-color-success, #2f6b3a) 10%, #fff);
	border-color: color-mix(in srgb, var(--wre-color-success, #2f6b3a) 35%, var(--wre-color-border, #d4cbb8));
	border-left-color: var(--wre-color-success, #2f6b3a);
	color: var(--wre-color-text-dark, #1a1a1a);
}

/* INFO */
.wre-cart-shell .wc-block-components-notice-banner.is-info,
.wre-cart-shell .wc-block-components-notice-banner:not(.is-error):not(.is-success):not(.is-warning),
.wre-cart-shell .woocommerce-info,
.wre-ui .wc-block-components-notice-banner.is-info,
.wre-ui .wc-block-components-notice-banner:not(.is-error):not(.is-success):not(.is-warning),
.wre-ui .woocommerce-info,
.wre-current-product .wc-block-components-notice-banner.is-info,
.wre-current-product .woocommerce-info {
	background: var(--wre-color-light, #f5f0e6);
	border-color: color-mix(in srgb, var(--wre-color-primary, #c4a35a) 45%, var(--wre-color-border, #d4cbb8));
	border-left-color: var(--wre-color-primary, #c4a35a);
	color: var(--wre-color-text-dark, #1a1a1a);
}

/* Blocks content + icon alignment */
.wre-cart-shell .wc-block-components-notice-banner__content,
.wre-cart-shell .wc-block-components-notice-banner__text,
.wre-ui .wc-block-components-notice-banner__content,
.wre-ui .wc-block-components-notice-banner__text,
.wre-current-product .wc-block-components-notice-banner__content,
.wre-current-product .wc-block-components-notice-banner__text,
.wre-product-notices .wc-block-components-notice-banner__content,
.wre-product-notices .wc-block-components-notice-banner__text {
	flex: 1 1 auto;
	min-width: 0;
	margin: 0;
	color: inherit;
	font-size: inherit;
	line-height: inherit;
}

.wre-cart-shell .wc-block-components-notice-banner > svg,
.wre-cart-shell .wc-block-components-notice-banner__icon,
.wre-ui .wc-block-components-notice-banner > svg,
.wre-ui .wc-block-components-notice-banner__icon,
.wre-current-product .wc-block-components-notice-banner > svg,
.wre-current-product .wc-block-components-notice-banner__icon,
.wre-product-notices .wc-block-components-notice-banner > svg,
.wre-product-notices .wc-block-components-notice-banner__icon {
	flex: 0 0 auto;
	width: 1.25rem;
	height: 1.25rem;
	margin-top: 0.1rem;
}

.wre-cart-shell .wc-block-components-notice-banner__dismiss,
.wre-ui .wc-block-components-notice-banner__dismiss,
.wre-current-product .wc-block-components-notice-banner__dismiss,
.wre-product-notices .wc-block-components-notice-banner__dismiss {
	flex: 0 0 auto;
	margin-left: auto;
}

/*
 * Phase 24.61 — notice action buttons (e.g. “View cart”).
 * Scoped to customer notice banners only — not global .button.
 */
.wre-cart-shell .woocommerce-message .button,
.wre-cart-shell .woocommerce-error .button,
.wre-cart-shell .woocommerce-info .button,
.wre-cart-shell .woocommerce-message a.button,
.wre-cart-shell .woocommerce-error a.button,
.wre-cart-shell .woocommerce-info a.button,
.wre-cart-shell .woocommerce-message .wc-forward,
.wre-cart-shell .woocommerce-error .wc-forward,
.wre-cart-shell .woocommerce-info .wc-forward,
.wre-cart-shell .wc-block-components-notice-banner .button,
.wre-cart-shell .wc-block-components-notice-banner a.button,
.wre-cart-shell .wc-block-components-notice-banner .wc-forward,
.wre-cart-shell .wc-block-components-notice-banner .wp-element-button,
.wre-ui .woocommerce-message .button,
.wre-ui .woocommerce-error .button,
.wre-ui .woocommerce-info .button,
.wre-ui .woocommerce-message a.button,
.wre-ui .woocommerce-error a.button,
.wre-ui .woocommerce-info a.button,
.wre-ui .woocommerce-message .wc-forward,
.wre-ui .woocommerce-error .wc-forward,
.wre-ui .woocommerce-info .wc-forward,
.wre-ui .wc-block-components-notice-banner .button,
.wre-ui .wc-block-components-notice-banner a.button,
.wre-ui .wc-block-components-notice-banner .wc-forward,
.wre-ui .wc-block-components-notice-banner .wp-element-button,
.wre-current-product .woocommerce-message .button,
.wre-current-product .woocommerce-error .button,
.wre-current-product .woocommerce-info .button,
.wre-current-product .woocommerce-message a.button,
.wre-current-product .woocommerce-error a.button,
.wre-current-product .woocommerce-info a.button,
.wre-current-product .woocommerce-message .wc-forward,
.wre-current-product .woocommerce-error .wc-forward,
.wre-current-product .woocommerce-info .wc-forward,
.wre-current-product .wc-block-components-notice-banner .button,
.wre-current-product .wc-block-components-notice-banner a.button,
.wre-current-product .wc-block-components-notice-banner .wc-forward,
.wre-current-product .wc-block-components-notice-banner .wp-element-button,
.wre-product-notices .button,
.wre-product-notices a.button,
.wre-product-notices .wc-forward,
.wre-product-notices .wp-element-button {
	box-sizing: border-box;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 40px;
	padding-left: 1.125rem;
	padding-right: 1.125rem;
	padding-top: 0.45rem;
	padding-bottom: 0.45rem;
	white-space: nowrap;
	border: 1px solid var(--wre-color-primary, #c4a35a) !important;
	border-radius: var(--wre-radius, 2px);
	background: var(--wre-color-primary, #c4a35a) !important;
	background-color: var(--wre-color-primary, #c4a35a) !important;
	color: var(--wre-color-button-text, var(--wre-color-text-dark, #1a1a1a)) !important;
	font-weight: 600;
	letter-spacing: 0.03em;
	text-decoration: none !important;
	box-shadow: none !important;
}

.wre-cart-shell .woocommerce-message .button:hover,
.wre-cart-shell .woocommerce-error .button:hover,
.wre-cart-shell .woocommerce-info .button:hover,
.wre-cart-shell .woocommerce-message a.button:hover,
.wre-cart-shell .woocommerce-error a.button:hover,
.wre-cart-shell .woocommerce-info a.button:hover,
.wre-cart-shell .woocommerce-message .wc-forward:hover,
.wre-cart-shell .woocommerce-error .wc-forward:hover,
.wre-cart-shell .woocommerce-info .wc-forward:hover,
.wre-cart-shell .wc-block-components-notice-banner .button:hover,
.wre-cart-shell .wc-block-components-notice-banner a.button:hover,
.wre-cart-shell .wc-block-components-notice-banner .wc-forward:hover,
.wre-cart-shell .wc-block-components-notice-banner .wp-element-button:hover,
.wre-ui .woocommerce-message .button:hover,
.wre-ui .woocommerce-error .button:hover,
.wre-ui .woocommerce-info .button:hover,
.wre-ui .woocommerce-message a.button:hover,
.wre-ui .woocommerce-error a.button:hover,
.wre-ui .woocommerce-info a.button:hover,
.wre-ui .woocommerce-message .wc-forward:hover,
.wre-ui .woocommerce-error .wc-forward:hover,
.wre-ui .woocommerce-info .wc-forward:hover,
.wre-ui .wc-block-components-notice-banner .button:hover,
.wre-ui .wc-block-components-notice-banner a.button:hover,
.wre-ui .wc-block-components-notice-banner .wc-forward:hover,
.wre-ui .wc-block-components-notice-banner .wp-element-button:hover,
.wre-current-product .woocommerce-message .button:hover,
.wre-current-product .woocommerce-error .button:hover,
.wre-current-product .woocommerce-info .button:hover,
.wre-current-product .woocommerce-message a.button:hover,
.wre-current-product .woocommerce-error a.button:hover,
.wre-current-product .woocommerce-info a.button:hover,
.wre-current-product .woocommerce-message .wc-forward:hover,
.wre-current-product .woocommerce-error .wc-forward:hover,
.wre-current-product .woocommerce-info .wc-forward:hover,
.wre-current-product .wc-block-components-notice-banner .button:hover,
.wre-current-product .wc-block-components-notice-banner a.button:hover,
.wre-current-product .wc-block-components-notice-banner .wc-forward:hover,
.wre-current-product .wc-block-components-notice-banner .wp-element-button:hover,
.wre-product-notices .button:hover,
.wre-product-notices a.button:hover,
.wre-product-notices .wc-forward:hover,
.wre-product-notices .wp-element-button:hover,
.wre-cart-shell .woocommerce-message .button:focus-visible,
.wre-ui .woocommerce-message .wc-forward:focus-visible,
.wre-current-product .woocommerce-message .wc-forward:focus-visible,
.wre-product-notices .wc-forward:focus-visible {
	background: var(--wre-color-secondary, var(--wre-color-primary-hover, #e0c878)) !important;
	background-color: var(--wre-color-secondary, var(--wre-color-primary-hover, #e0c878)) !important;
	border-color: var(--wre-color-secondary, var(--wre-color-primary-hover, #e0c878)) !important;
	color: var(--wre-color-button-text, var(--wre-color-text-dark, #1a1a1a)) !important;
}

body.wre-rental-product .woocommerce-message a.button.wc-forward,
body.wre-rental-product .woocommerce-message a.wc-forward.wp-element-button,
body.wre-rental-product .woocommerce-error a.button.wc-forward,
body.wre-rental-product .woocommerce-info a.button.wc-forward,
body.wre-rental-product .wc-block-components-notice-banner a.wc-forward,
body.wre-rental-product .wc-block-components-notice-banner a.wp-element-button.wc-forward,
body.wre-cart--has-rentals a.button.wc-forward,
body.wre-cart--has-rentals a.wc-forward.wp-element-button,
body.woocommerce-cart a.button.wc-forward,
body.woocommerce-cart a.wc-forward.wp-element-button,
body.wre-cart--has-rentals .wc-block-components-notice-banner a.wc-forward,
body.woocommerce-cart .wc-block-components-notice-banner a.wc-forward,
body.wre-cart--has-rentals .woocommerce-message a.wc-forward,
body.wre-cart--has-rentals .woocommerce-error a.wc-forward,
body.wre-cart--has-rentals .woocommerce-info a.wc-forward,
body.woocommerce-cart .woocommerce-message a.wc-forward,
body.woocommerce-cart .woocommerce-error a.wc-forward,
body.woocommerce-cart .woocommerce-info a.wc-forward,
body.wre-cart--has-rentals [data-wre-cart-notices="canonical"] a.wc-forward,
body.woocommerce-cart [data-wre-cart-notices="canonical"] a.wc-forward {
	box-sizing: border-box;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 40px;
	padding: 0.45rem 1.125rem !important;
	padding-left: 1.125rem !important;
	padding-right: 1.125rem !important;
	border: 1px solid var(--wre-color-primary, #c4a35a) !important;
	border-radius: var(--wre-radius, 2px);
	background: var(--wre-color-primary, #c4a35a) !important;
	background-color: var(--wre-color-primary, #c4a35a) !important;
	color: var(--wre-color-button-text, var(--wre-color-text-dark, #1a1a1a)) !important;
	font-weight: 600;
	text-decoration: none !important;
	box-shadow: none !important;
}

body.wre-rental-product .woocommerce-message a.button.wc-forward:hover,
body.wre-rental-product .woocommerce-message a.wc-forward.wp-element-button:hover,
body.wre-rental-product .woocommerce-message a.button.wc-forward:focus,
body.wre-rental-product .woocommerce-message a.wc-forward.wp-element-button:focus,
body.wre-rental-product .wc-block-components-notice-banner a.wc-forward:hover,
body.wre-rental-product .wc-block-components-notice-banner a.wc-forward:focus,
body.wre-cart--has-rentals a.button.wc-forward:hover,
body.wre-cart--has-rentals a.wc-forward.wp-element-button:hover,
body.wre-cart--has-rentals a.button.wc-forward:focus,
body.wre-cart--has-rentals a.wc-forward.wp-element-button:focus,
body.woocommerce-cart a.button.wc-forward:hover,
body.woocommerce-cart a.wc-forward.wp-element-button:hover,
body.woocommerce-cart a.button.wc-forward:focus,
body.woocommerce-cart a.wc-forward.wp-element-button:focus,
body.wre-cart--has-rentals .wc-block-components-notice-banner a.wc-forward:hover,
body.woocommerce-cart .wc-block-components-notice-banner a.wc-forward:hover,
body.wre-cart--has-rentals a.button.wc-forward:focus-visible,
body.woocommerce-cart a.button.wc-forward:focus-visible,
body.wre-cart--has-rentals a.wc-forward.wp-element-button:focus-visible,
body.woocommerce-cart a.wc-forward.wp-element-button:focus-visible {
	background: var(--wre-color-secondary, var(--wre-color-primary-hover, #e0c878)) !important;
	background-color: var(--wre-color-secondary, var(--wre-color-primary-hover, #e0c878)) !important;
	border-color: var(--wre-color-secondary, var(--wre-color-primary-hover, #e0c878)) !important;
	color: var(--wre-color-button-text, var(--wre-color-text-dark, #1a1a1a)) !important;
}

/*
 * Phase 24.93 — Cart notice dismiss (Blocks X). Cart page only.
 * Woo applies teal to button color and/or SVG fill.
 */
body.woocommerce-cart .wc-block-components-notice-banner__dismiss,
body.wre-cart--has-rentals .wc-block-components-notice-banner__dismiss,
body.woocommerce-cart .wc-block-components-snackbar__close-button,
body.wre-cart--has-rentals .wc-block-components-snackbar__close-button,
body.woocommerce-cart button[aria-label="Dismiss this notice"],
body.wre-cart--has-rentals button[aria-label="Dismiss this notice"] {
	color: var(--wre-color-text-dark, #1a1a1a) !important;
	background: transparent !important;
	background-color: transparent !important;
	border-color: transparent !important;
	box-shadow: none !important;
}

body.woocommerce-cart .wc-block-components-notice-banner__dismiss svg,
body.wre-cart--has-rentals .wc-block-components-notice-banner__dismiss svg,
body.woocommerce-cart .wc-block-components-notice-banner__dismiss svg path,
body.wre-cart--has-rentals .wc-block-components-notice-banner__dismiss svg path,
body.woocommerce-cart .wc-block-components-snackbar__close-button svg,
body.wre-cart--has-rentals .wc-block-components-snackbar__close-button svg,
body.woocommerce-cart .wc-block-components-snackbar__close-button svg path,
body.wre-cart--has-rentals .wc-block-components-snackbar__close-button svg path,
body.woocommerce-cart button[aria-label="Dismiss this notice"] svg,
body.wre-cart--has-rentals button[aria-label="Dismiss this notice"] svg,
body.woocommerce-cart button[aria-label="Dismiss this notice"] svg path,
body.wre-cart--has-rentals button[aria-label="Dismiss this notice"] svg path {
	fill: currentColor !important;
	stroke: currentColor !important;
	color: inherit !important;
}

body.woocommerce-cart .wc-block-components-notice-banner__dismiss:hover,
body.wre-cart--has-rentals .wc-block-components-notice-banner__dismiss:hover,
body.woocommerce-cart .wc-block-components-notice-banner__dismiss:focus,
body.wre-cart--has-rentals .wc-block-components-notice-banner__dismiss:focus,
body.woocommerce-cart .wc-block-components-notice-banner__dismiss:focus-visible,
body.wre-cart--has-rentals .wc-block-components-notice-banner__dismiss:focus-visible,
body.woocommerce-cart .wc-block-components-snackbar__close-button:hover,
body.wre-cart--has-rentals .wc-block-components-snackbar__close-button:hover,
body.woocommerce-cart .wc-block-components-snackbar__close-button:focus,
body.wre-cart--has-rentals .wc-block-components-snackbar__close-button:focus,
body.woocommerce-cart button[aria-label="Dismiss this notice"]:hover,
body.wre-cart--has-rentals button[aria-label="Dismiss this notice"]:hover,
body.woocommerce-cart button[aria-label="Dismiss this notice"]:focus,
body.wre-cart--has-rentals button[aria-label="Dismiss this notice"]:focus {
	color: var(--wre-color-primary, #c4a35a) !important;
	background: transparent !important;
}

/* Canonical host: no chrome */
.wre-cart-shell [data-wre-cart-notices="canonical"],
.wre-ui [data-wre-cart-notices="canonical"] {
	background: transparent !important;
	border: 0 !important;
	box-shadow: none !important;
	padding: 0 !important;
}

@media (max-width: 767px) {
	.wre-cart-shell .wc-block-components-notice-banner,
	.wre-cart-shell .woocommerce-error,
	.wre-cart-shell .woocommerce-message,
	.wre-cart-shell .woocommerce-info,
	.wre-ui .wc-block-components-notice-banner,
	.wre-ui .woocommerce-error,
	.wre-ui .woocommerce-message,
	.wre-ui .woocommerce-info,
	.wre-current-product .wc-block-components-notice-banner,
	.wre-current-product .woocommerce-error,
	.wre-current-product .woocommerce-message,
	.wre-current-product .woocommerce-info,
	.wre-product-notices .wc-block-components-notice-banner,
	.wre-product-notices .woocommerce-error,
	.wre-product-notices .woocommerce-message,
	.wre-product-notices .woocommerce-info {
		padding: 0.75rem 0.85rem;
		font-size: 0.95rem;
	}

	/*
	 * Phase 26.31 — stack message + CTA vertically inside content.
	 * Outer banner stays icon | content row. Dismiss stays on the outer row.
	 */
	.wre-cart-shell .wc-block-components-notice-banner__content,
	.wre-ui .wc-block-components-notice-banner__content,
	.wre-current-product .wc-block-components-notice-banner__content,
	.wre-product-notices .wc-block-components-notice-banner__content {
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		gap: 0.65rem;
		min-width: 0;
	}

	/* Classic Woo: no separate __content wrapper — stack message then CTA */
	.wre-cart-shell .woocommerce-message,
	.wre-cart-shell .woocommerce-error,
	.wre-cart-shell .woocommerce-info,
	.wre-ui .woocommerce-message,
	.wre-ui .woocommerce-error,
	.wre-ui .woocommerce-info,
	.wre-current-product .woocommerce-message,
	.wre-current-product .woocommerce-error,
	.wre-current-product .woocommerce-info,
	.wre-product-notices .woocommerce-message,
	.wre-product-notices .woocommerce-error,
	.wre-product-notices .woocommerce-info {
		flex-direction: column;
		align-items: flex-start;
		gap: 0.65rem;
	}

	.wre-cart-shell .wc-block-components-notice-banner .button,
	.wre-cart-shell .wc-block-components-notice-banner a.button,
	.wre-cart-shell .wc-block-components-notice-banner .wc-forward,
	.wre-cart-shell .wc-block-components-notice-banner .wp-element-button,
	.wre-ui .wc-block-components-notice-banner .button,
	.wre-ui .wc-block-components-notice-banner a.button,
	.wre-ui .wc-block-components-notice-banner .wc-forward,
	.wre-ui .wc-block-components-notice-banner .wp-element-button,
	.wre-current-product .wc-block-components-notice-banner .button,
	.wre-current-product .wc-block-components-notice-banner a.button,
	.wre-current-product .wc-block-components-notice-banner .wc-forward,
	.wre-current-product .wc-block-components-notice-banner .wp-element-button,
	.wre-product-notices .wc-block-components-notice-banner .button,
	.wre-product-notices .wc-block-components-notice-banner a.button,
	.wre-product-notices .wc-block-components-notice-banner .wc-forward,
	.wre-product-notices .wc-block-components-notice-banner .wp-element-button,
	.wre-cart-shell .woocommerce-message .button,
	.wre-cart-shell .woocommerce-error .button,
	.wre-cart-shell .woocommerce-info .button,
	.wre-cart-shell .woocommerce-message a.button,
	.wre-cart-shell .woocommerce-error a.button,
	.wre-cart-shell .woocommerce-info a.button,
	.wre-cart-shell .woocommerce-message .wc-forward,
	.wre-cart-shell .woocommerce-error .wc-forward,
	.wre-cart-shell .woocommerce-info .wc-forward,
	.wre-ui .woocommerce-message .button,
	.wre-ui .woocommerce-error .button,
	.wre-ui .woocommerce-info .button,
	.wre-ui .woocommerce-message a.button,
	.wre-ui .woocommerce-error a.button,
	.wre-ui .woocommerce-info a.button,
	.wre-ui .woocommerce-message .wc-forward,
	.wre-ui .woocommerce-error .wc-forward,
	.wre-ui .woocommerce-info .wc-forward,
	.wre-current-product .woocommerce-message .button,
	.wre-current-product .woocommerce-error .button,
	.wre-current-product .woocommerce-info .button,
	.wre-current-product .woocommerce-message a.button,
	.wre-current-product .woocommerce-error a.button,
	.wre-current-product .woocommerce-info a.button,
	.wre-current-product .woocommerce-message .wc-forward,
	.wre-current-product .woocommerce-error .wc-forward,
	.wre-current-product .woocommerce-info .wc-forward,
	.wre-product-notices .button,
	.wre-product-notices a.button,
	.wre-product-notices .wc-forward,
	.wre-product-notices .wp-element-button {
		display: inline-flex;
		align-self: flex-start;
		width: auto;
		max-width: 100%;
		margin-top: 0;
		margin-left: 0;
		margin-right: 0;
		float: none;
	}
}

/* Fallback when color-mix is unavailable */
@supports not (background: color-mix(in srgb, #000 10%, #fff)) {
	.wre-cart-shell .wc-block-components-notice-banner.is-error,
	.wre-cart-shell .woocommerce-error,
	.wre-ui .wc-block-components-notice-banner.is-error,
	.wre-ui .woocommerce-error {
		background: #f8ecec;
		border-color: #e0b4b4;
	}

	.wre-cart-shell .wc-block-components-notice-banner.is-warning,
	.wre-ui .wc-block-components-notice-banner.is-warning {
		background: #f7f1e4;
		border-color: #e0d0a8;
	}

	.wre-cart-shell .wc-block-components-notice-banner.is-success,
	.wre-cart-shell .woocommerce-message,
	.wre-ui .wc-block-components-notice-banner.is-success,
	.wre-ui .woocommerce-message {
		background: #eaf3ec;
		border-color: #b7d4bc;
	}
}