/* --------------------------------------------------------------
 * WooCommerce - Notices globais
 * -------------------------------------------------------------- */

.woocommerce-message,
.woocommerce-error,
.woocommerce-info,
.wc-block-components-notice-banner {
	width: fit-content !important;
	max-width: 100% !important;
	margin: 5px 0 24px !important;
	padding: 15px 25px !important;
	border: 0 !important;
	border-radius: 5px !important;
	box-shadow: none !important;
	outline: none !important;
	font-size: 15px !important;
	line-height: 22px !important;
	font-weight: 600 !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: flex-start !important;
	list-style: none !important;
}

.woocommerce-message {
	background-color: #5cad70 !important;
	color: #ffffff !important;
}

.woocommerce-error {
	background-color: #d31929 !important;
	color: #ffffff !important;
}

.woocommerce-info {
	background-color: #397ea5 !important;
	color: #ffffff !important;
}

.wc-block-components-notice-banner.is-success {
	background-color: #5cad70 !important;
	color: #ffffff !important;
}

.wc-block-components-notice-banner.is-error {
	background-color: #d31929 !important;
	color: #ffffff !important;
}

.wc-block-components-notice-banner.is-info {
	background-color: #397ea5 !important;
	color: #ffffff !important;
}

.woocommerce-message::before,
.woocommerce-error::before,
.woocommerce-info::before,
.wc-block-components-notice-banner::before,
.wc-block-components-notice-banner > svg {
	display: none !important;
	content: none !important;
}

.woocommerce-message a,
.woocommerce-error a,
.woocommerce-info a {
	color: #ffffff !important;
	text-decoration: underline !important;
	margin-left: 4px !important;
}

.woocommerce-message:focus,
.woocommerce-message:focus-visible,
.woocommerce-error:focus,
.woocommerce-error:focus-visible,
.woocommerce-info:focus,
.woocommerce-info:focus-visible,
.wc-block-components-notice-banner:focus,
.wc-block-components-notice-banner:focus-visible {
	outline: none !important;
	box-shadow: none !important;
}

/* Errors em lista */
.woocommerce-error {
	flex-direction: column !important;
	align-items: flex-start !important;
	gap: 6px !important;
}

.woocommerce-error li {
	display: block !important;
	width: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
	list-style: none !important;
}