:root {
	--ko-notice-bg: #ffffff;
	--ko-notice-text: #1f2d44;
	--ko-notice-border: #dfe6f0;
	--ko-notice-success: #16a34a;
	--ko-notice-info: #005bff;
	--ko-notice-error: #ef4444;
	--ko-notice-radius: 8px;
	--ko-notice-shadow: 0 8px 24px rgba(15, 23, 42, 0.08);
}

.woocommerce-notices-wrapper {
	width: 100%;
}

.woocommerce-notices-wrapper:empty {
	display: none;
}

.woocommerce-message,
.woocommerce-info,
.woocommerce-error,
.woocommerce-noreviews,
p.no-comments {
	position: relative;
	display: flex;
	align-items: center;
	gap: 16px;
	width: min(100%, 1440px);
	min-height: 52px;
	margin: 0 auto 20px;
	padding: 14px 16px 14px 48px;
	border: 1px solid var(--ko-notice-border);
	border-left: 4px solid var(--ko-notice-info);
	border-radius: var(--ko-notice-radius);
	background: var(--ko-notice-bg);
	box-shadow: var(--ko-notice-shadow);
	color: var(--ko-notice-text);
	font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
	font-size: 15px;
	font-weight: 400;
	line-height: 1.45;
	letter-spacing: 0;
	list-style: none;
}

.woocommerce-message {
	border-left-color: var(--ko-notice-success);
}

.woocommerce-info {
	border-left-color: var(--ko-notice-info);
}

.woocommerce-error {
	border-left-color: var(--ko-notice-error);
}

.woocommerce-message::before,
.woocommerce-info::before,
.woocommerce-error::before {
	position: absolute;
	top: 50%;
	left: 18px;
	display: grid;
	place-items: center;
	width: 18px;
	height: 18px;
	margin: 0;
	border-radius: 50%;
	color: #ffffff;
	font-family: WooCommerce;
	font-size: 10px;
	line-height: 1;
	transform: translateY(-50%);
}

.woocommerce-message::before {
	background: var(--ko-notice-success);
}

.woocommerce-info::before {
	background: var(--ko-notice-info);
}

.woocommerce-error::before {
	background: var(--ko-notice-error);
}

.woocommerce-message .button,
.woocommerce-info .button,
.woocommerce-error .button,
.woocommerce-message a.button,
.woocommerce-info a.button,
.woocommerce-error a.button {
	flex: 0 0 auto;
	order: 2;
	min-height: 38px;
	margin: 0 0 0 auto;
	padding: 9px 16px;
	border: 1px solid #005bff;
	border-radius: 8px;
	background: #005bff;
	color: #ffffff;
	font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
	font-size: 14px;
	font-weight: 600;
	line-height: 20px;
	letter-spacing: 0;
	text-decoration: none;
	transition: background-color 0.18s ease, border-color 0.18s ease, color 0.18s ease, box-shadow 0.18s ease;
}

.woocommerce-message .button:hover,
.woocommerce-info .button:hover,
.woocommerce-error .button:hover,
.woocommerce-message a.button:hover,
.woocommerce-info a.button:hover,
.woocommerce-error a.button:hover,
.woocommerce-message .button:focus,
.woocommerce-info .button:focus,
.woocommerce-error .button:focus,
.woocommerce-message a.button:focus,
.woocommerce-info a.button:focus,
.woocommerce-error a.button:focus {
	border-color: #004fe0;
	background: #004fe0;
	color: #ffffff;
	font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
	font-size: 14px;
	font-weight: 600;
	line-height: 20px;
	text-decoration: none;
	box-shadow: 0 0 0 3px rgba(0, 91, 255, 0.16);
	outline: none;
}

.woocommerce-error li {
	margin: 0;
}

@media (max-width: 767px) {
	.woocommerce-message,
	.woocommerce-info,
	.woocommerce-error,
	.woocommerce-noreviews,
	p.no-comments {
		align-items: flex-start;
		flex-direction: column;
		gap: 10px;
		margin-bottom: 16px;
		padding: 14px 14px 14px 44px;
		font-size: 14px;
	}

	.woocommerce-message .button,
	.woocommerce-info .button,
	.woocommerce-error .button,
	.woocommerce-message a.button,
	.woocommerce-info a.button,
	.woocommerce-error a.button {
		align-self: stretch;
		margin-left: 0;
		text-align: center;
	}
}