/**
 * Notices
 */

body[class*="woocommerce"] #page { // adding #page here to override default wc styles without !important

	.woocommerce-message,
	.woocommerce-info,
	.woocommerce-success,
	.woocommerce-error,
	.woocommerce-warning {
		padding: map-deep-get($config-global, "spacing", "unit") map-deep-get($config-global, "spacing", "vertical") map-deep-get($config-global, "spacing", "unit") #{2 * map-deep-get($config-global, "spacing", "vertical")};
		margin-bottom: map-deep-get($config-global, "spacing", "vertical");
		background-color: map-deep-get($config-global, "color", "background", "light");
		color: map-deep-get($config-global, "color", "foreground", "dark");
		border-top-color: map-deep-get($config-global, "color", "primary", "default");
	}

	.woocommerce-notice--message,
	.woocommerce-notice--info {
		color: map-deep-get($config-global, "color", "alert", "info");
	}

	.woocommerce-notice--success {
		color: map-deep-get($config-global, "color", "alert", "success");
	}

	.woocommerce-notice--error {
		color: map-deep-get($config-global, "color", "alert", "error");
	}

	.woocommerce-notice--warning {
		color: map-deep-get($config-global, "color", "alert", "warning");
	}

	.woocommerce-message,
	.woocommerce-info {
		border-top-color: map-deep-get($config-global, "color", "alert", "info");
		&:before {
			color: map-deep-get($config-global, "color", "alert", "info");
		}
	}

	.woocommerce-success {
		border-top-color: map-deep-get($config-global, "color", "alert", "success");
		&:before {
			color: map-deep-get($config-global, "color", "alert", "success");
		}
	}

	.woocommerce-error {
		border-top-color: map-deep-get($config-global, "color", "alert", "error");
		&:before {
			color: map-deep-get($config-global, "color", "alert", "error");
		}
	}

	.woocommerce-warning {
		border-top-color: map-deep-get($config-global, "color", "alert", "warning");
		&:before {
			color: map-deep-get($config-global, "color", "alert", "warning");
		}
	}
}