:root {
	--gu-notice-brand: #056983;
	--gu-notice-brand-dark: #044f63;
	--gu-notice-bg: #f1f9fa;
	--gu-notice-border: #b9dce2;
	--gu-notice-text: #173d46;
}

/* Classic WooCommerce notices on cart and checkout. */
body.woocommerce-cart .woocommerce-notices-wrapper,
body.woocommerce-checkout .woocommerce-notices-wrapper {
	margin: 0 auto 20px;
}

body.woocommerce-cart .woocommerce-message,
body.woocommerce-cart .woocommerce-info,
body.woocommerce-checkout .woocommerce-message,
body.woocommerce-checkout .woocommerce-info {
	position: relative;
	box-sizing: border-box;
	margin: 0 0 14px !important;
	padding: 14px 42px 14px 48px !important;
	border: 1px solid var(--gu-notice-border) !important;
	border-left: 4px solid var(--gu-notice-brand) !important;
	border-radius: 8px !important;
	background: var(--gu-notice-bg) !important;
	color: var(--gu-notice-text) !important;
	box-shadow: none !important;
	font-family: "Plus Jakarta Sans", sans-serif !important;
	font-size: 13px !important;
	line-height: 1.5 !important;
}

body.woocommerce-cart .woocommerce-message::before,
body.woocommerce-cart .woocommerce-info::before,
body.woocommerce-checkout .woocommerce-message::before,
body.woocommerce-checkout .woocommerce-info::before {
	top: 50% !important;
	left: 17px !important;
	color: var(--gu-notice-brand) !important;
	transform: translateY(-50%) !important;
}

body.woocommerce-cart .woocommerce-message a,
body.woocommerce-cart .woocommerce-info a,
body.woocommerce-checkout .woocommerce-message a,
body.woocommerce-checkout .woocommerce-info a {
	color: var(--gu-notice-brand-dark) !important;
	font-weight: 700 !important;
}

/* WooCommerce Cart/Checkout Block notices. */
body.woocommerce-cart .wc-block-components-notice-banner,
body.woocommerce-checkout .wc-block-components-notice-banner {
	box-sizing: border-box !important;
	margin: 0 0 14px !important;
	padding: 13px 15px !important;
	border: 1px solid var(--gu-notice-border) !important;
	border-left: 4px solid var(--gu-notice-brand) !important;
	border-radius: 8px !important;
	background: var(--gu-notice-bg) !important;
	color: var(--gu-notice-text) !important;
	box-shadow: none !important;
	font-size: 13px !important;
	line-height: 1.5 !important;
}

body.woocommerce-cart .wc-block-components-notice-banner > svg,
body.woocommerce-checkout .wc-block-components-notice-banner > svg {
	fill: var(--gu-notice-brand) !important;
}

body.woocommerce-cart .wc-block-components-notice-banner a,
body.woocommerce-checkout .wc-block-components-notice-banner a {
	color: var(--gu-notice-brand-dark) !important;
	font-weight: 700 !important;
}

/* Cart-drawer notice styling, when the drawer response contains one. */
#gu-site-header .gu-cart-drawer .woocommerce-message,
#gu-site-header .gu-cart-drawer .woocommerce-info,
#gu-site-header .gu-cart-drawer .wc-block-components-notice-banner {
	box-sizing: border-box !important;
	margin: 0 0 12px !important;
	padding: 11px 12px !important;
	border: 1px solid var(--gu-notice-border) !important;
	border-left: 3px solid var(--gu-notice-brand) !important;
	border-radius: 7px !important;
	background: var(--gu-notice-bg) !important;
	color: var(--gu-notice-text) !important;
	box-shadow: none !important;
	font-size: 12px !important;
	line-height: 1.45 !important;
}

@media (max-width: 600px) {
	body.woocommerce-cart .woocommerce-message,
	body.woocommerce-cart .woocommerce-info,
	body.woocommerce-checkout .woocommerce-message,
	body.woocommerce-checkout .woocommerce-info {
		padding: 12px 34px 12px 42px !important;
		font-size: 12px !important;
	}

	body.woocommerce-cart .wc-block-components-notice-banner,
	body.woocommerce-checkout .wc-block-components-notice-banner {
		padding: 12px !important;
		font-size: 12px !important;
	}
}