/**
 * Global WordPress and WooCommerce frontend notices.
 */

.woocommerce-notices-wrapper {
	box-sizing: border-box;
	width: 100%;
	max-width: none;
	margin: 0;
	padding: 0;
}

body .woocommerce-message,
body .woocommerce-info,
body .woocommerce-error,
body .woocommerce-notice,
body .wc-block-components-notice-banner {
	box-sizing: border-box;
	width: calc(100% - 40px);
	max-width: 1400px;
	margin: 20px auto;
	padding: 18px 24px;
	color: var(--e-global-color-secondary, #111) !important;
	background: #e7e6e1 !important;
	border: 1px solid var(--e-global-color-secondary, #111) !important;
	border-left-width: 4px;
	border-radius: 0;
	box-shadow: none;
	font-family: "sofia-pro", sans-serif;
	font-size: 18px;
	font-weight: 400;
	line-height: 1.7em;
}

body .woocommerce-message :where(p, li, a, button, span, div),
body .woocommerce-info :where(p, li, a, button, span, div),
body .woocommerce-error :where(p, li, a, button, span, div),
body .woocommerce-notice :where(p, li, a, button, span, div),
body .wc-block-components-notice-banner :where(p, li, a, button, span, div) {
	font-family: inherit;
	font-size: inherit;
	line-height: inherit;
}

.woocommerce-error {
	list-style: none;
}

.woocommerce-error > li {
	margin: 0;
	padding: 0;
	list-style: none;
}

.woocommerce-error > li::marker,
.woocommerce-error > li::before {
	display: none;
	content: none;
}

body .woocommerce-message::before,
body .woocommerce-info::before,
body .woocommerce-error::before {
	display: none !important;
	content: none !important;
}

body .woocommerce-message .button,
body .woocommerce-info .button,
body .woocommerce-error .button,
body .woocommerce-notice .button {
	float: right;
	margin: 0 0 0 24px;
	padding: 0;
	color: var(--e-global-color-secondary, #111) !important;
	background: transparent !important;
	border: 0 !important;
	border-bottom: 1px solid currentColor;
	border-radius: 0;
	box-shadow: none;
	font-weight: 400;
	text-decoration: none;
}

body .woocommerce-message .button:hover,
body .woocommerce-info .button:hover,
body .woocommerce-error .button:hover,
body .woocommerce-notice .button:hover,
body .woocommerce-message .button:focus-visible,
body .woocommerce-info .button:focus-visible,
body .woocommerce-error .button:focus-visible,
body .woocommerce-notice .button:focus-visible {
	color: var(--e-global-color-secondary, #111) !important;
	background: transparent !important;
	border-bottom-color: transparent;
}

.wc-block-components-notice-banner {
	align-items: center;
	gap: 16px;
}

.wc-block-components-notice-banner > svg {
	flex: 0 0 auto;
	fill: currentColor;
}

.wc-block-components-notice-banner > .wc-block-components-notice-banner__content {
	padding: 0;
}

@media (max-width: 767px) {
	body .woocommerce-message,
	body .woocommerce-info,
	body .woocommerce-error,
	body .woocommerce-notice,
	body .wc-block-components-notice-banner {
		width: calc(100% - 30px);
		padding: 15px 18px;
		font-size: 16px;
	}

	body .woocommerce-message .button,
	body .woocommerce-info .button,
	body .woocommerce-error .button,
	body .woocommerce-notice .button {
		float: none;
		display: table;
		margin: 8px 0 0;
	}
}