/* ==========================================================================
   Shop-wide styles: WooCommerce notices (product, cart, checkout, account)
   Loaded by inc/woocommerce/shop-assets.php

   style.css already styles classic notices and the block "info" banner.
   This file adds the missing block banners: error, success and warning -
   those are the unstyled red messages that appeared in the cart.
   ========================================================================== */

.wc-block-components-notice-banner {
	border-radius: var(--defaultborderradius, 6px);
	font-size: 0.9375rem;
	line-height: 1.5;
}

/* Error - e.g. TM EPO "Format is a required field." */
.wc-block-components-notice-banner.is-error {
	border-color: rgba(231, 76, 60, 0.35);
	background: var(--custom-4, #fdf1ef);
	color: var(--nv-text-color, #191919);
}
.wc-block-components-notice-banner.is-error > svg {
	background-color: #e74c3c;
	fill: #fff;
}

/* Success - e.g. "Product added to cart". */
.wc-block-components-notice-banner.is-success {
	border-color: rgba(168, 148, 91, 0.45);
	background: var(--custom-3, #f7f4ec);
	color: var(--nv-text-color, #191919);
}
.wc-block-components-notice-banner.is-success > svg {
	background-color: var(--primarybtnbg, #A8945B);
	fill: #fff;
}

/* Warning. */
.wc-block-components-notice-banner.is-warning {
	background: var(--custom-5, #fbf7ea);
	color: var(--nv-text-color, #191919);
}

/* Several messages in one banner (one per missing field) - tidy list. */
.wc-block-components-notice-banner__content ul {
	margin: 0;
	padding-left: 1.1em;
}
.wc-block-components-notice-banner__content li + li {
	margin-top: 4px;
}

/* Links / buttons inside notices use the gold accent. */
.wc-block-components-notice-banner__content a:not(.button) {
	color: var(--primarybtnbg, #A8945B);
	text-decoration: underline;
	text-underline-offset: 3px;
}