.ev-wcns-add-marker {
	display: none !important;
}

html.ev-wcns-lock {
	overflow: hidden !important;
}

body.ev-wcns-lock {
	position: fixed;
	left: 0;
	right: 0;
	width: 100%;
	overflow: hidden !important;
	overscroll-behavior: none;
}

.ev-wcns-backdrop {
	position: fixed;
	inset: 0;
	z-index: var(--ev-wcns-z-backdrop, 999990);
	background: rgba(var(--ev-wcns-overlay-rgb, 8, 15, 30), var(--ev-wcns-overlay-opacity, 0.72));
	backdrop-filter: blur(var(--ev-wcns-backdrop-blur, 4px));
	-webkit-backdrop-filter: blur(var(--ev-wcns-backdrop-blur, 4px));
	opacity: 1;
	pointer-events: auto;
	transition: opacity 220ms ease;
}

.ev-wcns-backdrop.ev-wcns-is-closing {
	opacity: 0;
	pointer-events: none;
}

.woocommerce-message.ev-wcns-managed-notice,
.woocommerce .woocommerce-message.ev-wcns-managed-notice,
.woocommerce-message:has(.ev-wcns-add-marker),
.woocommerce .woocommerce-message:has(.ev-wcns-add-marker),
body:not(.woocommerce-cart):not(.woocommerce-checkout):not(.woocommerce-order-received) .woocommerce-message:has(a.restore-item),
body:not(.woocommerce-cart):not(.woocommerce-checkout):not(.woocommerce-order-received) .woocommerce .woocommerce-message:has(a.restore-item) {
	position: fixed !important;
	top: var(--ev-wcns-modal-top-desktop, 96px);
	left: 50%;
	z-index: var(--ev-wcns-z-notice, 999999);

	display: grid;
	grid-template-columns: auto minmax(0, 1fr) auto auto;
	align-items: center;
	gap: var(--ev-wcns-gap, 22px);

	width: min(calc(100% - 2rem), var(--ev-wcns-max-width, 1180px));
	margin: 0 !important;
	padding: var(--ev-wcns-padding-y, 22px) var(--ev-wcns-padding-x, 24px) !important;

	color: var(--ev-wcns-text, #263241);
	font-size: var(--ev-wcns-font-size, 18px);
	font-weight: 500;
	line-height: 1.45;

	background:
		radial-gradient(circle at 7% 50%, color-mix(in srgb, var(--ev-wcns-current-accent, var(--ev-wcns-success, #74b72e)) 14%, transparent), transparent 20%),
		linear-gradient(135deg, var(--ev-wcns-bg, #ffffff) 0%, var(--ev-wcns-bg, #ffffff) 62%, var(--ev-wcns-bg-soft, #fffaf2) 100%);
	border: var(--ev-wcns-border-width, 2px) solid var(--ev-wcns-border-color, #101828);
	border-top: 0 !important;
	border-radius: var(--ev-wcns-radius, 22px);
	box-shadow: 0 24px 70px rgba(0, 0, 0, var(--ev-wcns-shadow-alpha, 0.26));
	overflow: hidden;
	isolation: isolate;
	transform: translateX(-50%);
	animation: evWcnsNoticeEnter 220ms ease both;
}

body.admin-bar .woocommerce-message.ev-wcns-managed-notice,
body.admin-bar .woocommerce .woocommerce-message.ev-wcns-managed-notice,
body.admin-bar .woocommerce-message:has(.ev-wcns-add-marker),
body.admin-bar .woocommerce .woocommerce-message:has(.ev-wcns-add-marker),
body.admin-bar:not(.woocommerce-cart):not(.woocommerce-checkout):not(.woocommerce-order-received) .woocommerce-message:has(a.restore-item),
body.admin-bar:not(.woocommerce-cart):not(.woocommerce-checkout):not(.woocommerce-order-received) .woocommerce .woocommerce-message:has(a.restore-item) {
	top: calc(var(--ev-wcns-modal-top-desktop, 96px) + var(--wp-admin--admin-bar--height, 32px));
}

.woocommerce-message.ev-wcns-add-notice,
.woocommerce .woocommerce-message.ev-wcns-add-notice,
.woocommerce-message:has(.ev-wcns-add-marker),
.woocommerce .woocommerce-message:has(.ev-wcns-add-marker) {
	--ev-wcns-current-accent: var(--ev-wcns-success, #74b72e);
	--ev-wcns-current-accent-dark: var(--ev-wcns-success-dark, #5f9f20);
}

.woocommerce-message.ev-wcns-remove-notice,
.woocommerce .woocommerce-message.ev-wcns-remove-notice,
body:not(.woocommerce-cart):not(.woocommerce-checkout):not(.woocommerce-order-received) .woocommerce-message:has(a.restore-item),
body:not(.woocommerce-cart):not(.woocommerce-checkout):not(.woocommerce-order-received) .woocommerce .woocommerce-message:has(a.restore-item) {
	--ev-wcns-current-accent: var(--ev-wcns-primary, #f99c1c);
	--ev-wcns-current-accent-dark: var(--ev-wcns-primary-dark, #e88400);
}

.woocommerce-message.ev-wcns-managed-notice::after,
.woocommerce .woocommerce-message.ev-wcns-managed-notice::after,
.woocommerce-message:has(.ev-wcns-add-marker)::after,
.woocommerce .woocommerce-message:has(.ev-wcns-add-marker)::after,
body:not(.woocommerce-cart):not(.woocommerce-checkout):not(.woocommerce-order-received) .woocommerce-message:has(a.restore-item)::after,
body:not(.woocommerce-cart):not(.woocommerce-checkout):not(.woocommerce-order-received) .woocommerce .woocommerce-message:has(a.restore-item)::after {
	content: "";
	position: absolute;
	inset: 0 auto auto 0;
	width: 100%;
	height: 5px;
	background: linear-gradient(90deg, var(--ev-wcns-current-accent, #74b72e) 0%, var(--ev-wcns-current-accent, #74b72e) 22%, var(--ev-wcns-primary, #f99c1c) 22%, var(--ev-wcns-primary, #f99c1c) 100%);
	z-index: 0;
	pointer-events: none;
}

.woocommerce-message.ev-wcns-managed-notice::before,
.woocommerce .woocommerce-message.ev-wcns-managed-notice::before,
.woocommerce-message:has(.ev-wcns-add-marker)::before,
.woocommerce .woocommerce-message:has(.ev-wcns-add-marker)::before,
body:not(.woocommerce-cart):not(.woocommerce-checkout):not(.woocommerce-order-received) .woocommerce-message:has(a.restore-item)::before,
body:not(.woocommerce-cart):not(.woocommerce-checkout):not(.woocommerce-order-received) .woocommerce .woocommerce-message:has(a.restore-item)::before {
	content: var(--ev-wcns-current-icon, "✓") !important;
	position: relative !important;
	inset: auto !important;
	top: auto !important;
	left: auto !important;
	display: inline-grid;
	place-items: center;
	width: var(--ev-wcns-icon-size, 52px);
	height: var(--ev-wcns-icon-size, 52px);
	min-width: var(--ev-wcns-icon-size, 52px);
	color: #ffffff;
	font-family: inherit;
	font-size: calc(var(--ev-wcns-icon-size, 52px) * 0.52);
	font-weight: 800;
	line-height: 1;
	background: radial-gradient(circle at 35% 30%, color-mix(in srgb, var(--ev-wcns-current-accent, #74b72e) 55%, #ffffff), var(--ev-wcns-current-accent, #74b72e) 52%, var(--ev-wcns-current-accent-dark, #5f9f20) 100%);
	border-radius: 50%;
	box-shadow: 0 0 0 8px color-mix(in srgb, var(--ev-wcns-current-accent, #74b72e) 18%, transparent), 0 0 0 1px color-mix(in srgb, var(--ev-wcns-current-accent, #74b72e) 35%, transparent), 0 12px 28px color-mix(in srgb, var(--ev-wcns-current-accent-dark, #5f9f20) 35%, transparent);
	z-index: 1;
}

.woocommerce-message.ev-wcns-managed-notice .button.wc-forward,
.woocommerce .woocommerce-message.ev-wcns-managed-notice .button.wc-forward,
.woocommerce-message.ev-wcns-managed-notice a.restore-item,
.woocommerce .woocommerce-message.ev-wcns-managed-notice a.restore-item,
.woocommerce-message:has(.ev-wcns-add-marker) .button.wc-forward,
.woocommerce .woocommerce-message:has(.ev-wcns-add-marker) .button.wc-forward,
body:not(.woocommerce-cart):not(.woocommerce-checkout):not(.woocommerce-order-received) .woocommerce-message:has(a.restore-item) a.restore-item,
body:not(.woocommerce-cart):not(.woocommerce-checkout):not(.woocommerce-order-received) .woocommerce .woocommerce-message:has(a.restore-item) a.restore-item {
	float: none !important;
	justify-self: end;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 0.55rem;
	min-height: 3.05rem;
	padding: 0.85rem 1.45rem;
	color: var(--ev-wcns-button-text, #ffffff) !important;
	font-size: var(--ev-wcns-button-font-size, 16px);
	font-weight: 800;
	line-height: 1;
	text-decoration: none !important;
	white-space: nowrap;
	background: linear-gradient(135deg, var(--ev-wcns-primary, #f99c1c) 0%, color-mix(in srgb, var(--ev-wcns-primary, #f99c1c) 80%, #ffffff) 48%, var(--ev-wcns-primary-dark, #e88400) 100%);
	border: 0;
	border-radius: var(--ev-wcns-button-radius, 14px);
	box-shadow: 0 14px 28px color-mix(in srgb, var(--ev-wcns-primary, #f99c1c) 35%, transparent);
	transition: transform 180ms ease, box-shadow 180ms ease, filter 180ms ease;
}

.woocommerce-message.ev-wcns-add-notice .button.wc-forward::after,
.woocommerce .woocommerce-message.ev-wcns-add-notice .button.wc-forward::after,
.woocommerce-message:has(.ev-wcns-add-marker) .button.wc-forward::after,
.woocommerce .woocommerce-message:has(.ev-wcns-add-marker) .button.wc-forward::after {
	content: "→";
	font-size: 1.25em;
	font-weight: 800;
	line-height: 1;
	transform: translateY(-1px);
}

.woocommerce-message.ev-wcns-remove-notice a.restore-item::after,
.woocommerce .woocommerce-message.ev-wcns-remove-notice a.restore-item::after,
body:not(.woocommerce-cart):not(.woocommerce-checkout):not(.woocommerce-order-received) .woocommerce-message:has(a.restore-item) a.restore-item::after,
body:not(.woocommerce-cart):not(.woocommerce-checkout):not(.woocommerce-order-received) .woocommerce .woocommerce-message:has(a.restore-item) a.restore-item::after {
	content: "↺";
	font-size: 1.05em;
	font-weight: 800;
	line-height: 1;
}

.woocommerce-message.ev-wcns-managed-notice .button.wc-forward:hover,
.woocommerce .woocommerce-message.ev-wcns-managed-notice .button.wc-forward:hover,
.woocommerce-message.ev-wcns-managed-notice a.restore-item:hover,
.woocommerce .woocommerce-message.ev-wcns-managed-notice a.restore-item:hover {
	color: var(--ev-wcns-button-text, #ffffff) !important;
	box-shadow: 0 18px 36px color-mix(in srgb, var(--ev-wcns-primary, #f99c1c) 45%, transparent);
	transform: translateY(-2px);
	filter: saturate(1.06);
}

.woocommerce-message.ev-wcns-managed-notice .button.wc-forward:focus,
.woocommerce .woocommerce-message.ev-wcns-managed-notice .button.wc-forward:focus,
.woocommerce-message.ev-wcns-managed-notice a.restore-item:focus,
.woocommerce .woocommerce-message.ev-wcns-managed-notice a.restore-item:focus,
.woocommerce-message.ev-wcns-managed-notice .ev-wcns-close:focus,
.woocommerce .woocommerce-message.ev-wcns-managed-notice .ev-wcns-close:focus {
	outline: 3px solid color-mix(in srgb, var(--ev-wcns-primary, #f99c1c) 38%, transparent);
	outline-offset: 4px;
}

.woocommerce-message.ev-wcns-managed-notice .ev-wcns-close,
.woocommerce .woocommerce-message.ev-wcns-managed-notice .ev-wcns-close {
	appearance: none;
	-webkit-appearance: none;
	justify-self: end;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 0.45rem;
	min-height: 2.7rem;
	padding: 0.55rem 0.75rem 0.55rem 0.9rem;
	color: var(--ev-wcns-close-text, #2f3338);
	font-family: inherit;
	font-size: var(--ev-wcns-close-font-size, 13px);
	font-weight: 700;
	line-height: 1;
	white-space: nowrap;
	background: color-mix(in srgb, var(--ev-wcns-close-bg, #ffffff) 94%, transparent);
	border: 1px solid rgba(16, 24, 40, 0.16);
	border-radius: var(--ev-wcns-close-radius, 999px);
	box-shadow: 0 10px 22px rgba(16, 24, 40, 0.12);
	cursor: pointer;
	transition: color 180ms ease, background 180ms ease, border-color 180ms ease, box-shadow 180ms ease, transform 180ms ease;
}

.woocommerce-message.ev-wcns-managed-notice .ev-wcns-close-icon,
.woocommerce .woocommerce-message.ev-wcns-managed-notice .ev-wcns-close-icon {
	display: inline-grid;
	place-items: center;
	width: 1.35rem;
	height: 1.35rem;
	font-size: 1.3em;
	font-weight: 700;
	line-height: 1;
	border-radius: 50%;
	transform: translateY(-1px);
}

.woocommerce-message.ev-wcns-managed-notice .ev-wcns-close:hover,
.woocommerce .woocommerce-message.ev-wcns-managed-notice .ev-wcns-close:hover {
	color: var(--ev-wcns-close-hover-text, #ffffff);
	background: var(--ev-wcns-close-hover-bg, #101828);
	border-color: var(--ev-wcns-close-hover-bg, #101828);
	box-shadow: 0 14px 28px rgba(16, 24, 40, 0.24);
	transform: translateY(-1px);
}

.woocommerce-message.ev-wcns-managed-notice.ev-wcns-is-closing,
.woocommerce .woocommerce-message.ev-wcns-managed-notice.ev-wcns-is-closing {
	opacity: 0;
	transform: translate(-50%, -0.75rem);
	pointer-events: none;
}

@keyframes evWcnsNoticeEnter {
	from {
		opacity: 0;
		transform: translate(-50%, -0.65rem) scale(0.985);
	}
	to {
		opacity: 1;
		transform: translate(-50%, 0) scale(1);
	}
}

@media (max-width: 900px) {
	.woocommerce-message.ev-wcns-managed-notice,
	.woocommerce .woocommerce-message.ev-wcns-managed-notice,
	.woocommerce-message:has(.ev-wcns-add-marker),
	.woocommerce .woocommerce-message:has(.ev-wcns-add-marker),
	body:not(.woocommerce-cart):not(.woocommerce-checkout):not(.woocommerce-order-received) .woocommerce-message:has(a.restore-item),
	body:not(.woocommerce-cart):not(.woocommerce-checkout):not(.woocommerce-order-received) .woocommerce .woocommerce-message:has(a.restore-item) {
		grid-template-columns: auto minmax(0, 1fr) auto;
		gap: calc(var(--ev-wcns-gap, 22px) * 0.72);
		padding: calc(var(--ev-wcns-padding-y, 22px) * 0.9) calc(var(--ev-wcns-padding-x, 24px) * 0.9) !important;
	}

	.woocommerce-message.ev-wcns-managed-notice .button.wc-forward,
	.woocommerce .woocommerce-message.ev-wcns-managed-notice .button.wc-forward,
	.woocommerce-message.ev-wcns-managed-notice a.restore-item,
	.woocommerce .woocommerce-message.ev-wcns-managed-notice a.restore-item,
	.woocommerce-message:has(.ev-wcns-add-marker) .button.wc-forward,
	.woocommerce .woocommerce-message:has(.ev-wcns-add-marker) .button.wc-forward,
	body:not(.woocommerce-cart):not(.woocommerce-checkout):not(.woocommerce-order-received) .woocommerce-message:has(a.restore-item) a.restore-item,
	body:not(.woocommerce-cart):not(.woocommerce-checkout):not(.woocommerce-order-received) .woocommerce .woocommerce-message:has(a.restore-item) a.restore-item {
		grid-column: 2 / -1;
		grid-row: 2;
		justify-self: start;
		margin-top: 0.2rem;
	}

	.woocommerce-message.ev-wcns-managed-notice .ev-wcns-close,
	.woocommerce .woocommerce-message.ev-wcns-managed-notice .ev-wcns-close {
		grid-column: 3;
		grid-row: 1;
	}
}

@media (max-width: 600px) {
	.woocommerce-message.ev-wcns-managed-notice,
	.woocommerce .woocommerce-message.ev-wcns-managed-notice,
	.woocommerce-message:has(.ev-wcns-add-marker),
	.woocommerce .woocommerce-message:has(.ev-wcns-add-marker),
	body:not(.woocommerce-cart):not(.woocommerce-checkout):not(.woocommerce-order-received) .woocommerce-message:has(a.restore-item),
	body:not(.woocommerce-cart):not(.woocommerce-checkout):not(.woocommerce-order-received) .woocommerce .woocommerce-message:has(a.restore-item) {
		top: var(--ev-wcns-modal-top-mobile, 16px);
		grid-template-columns: auto minmax(0, 1fr);
		width: calc(100% - 1rem);
		gap: 0.8rem;
		padding: 1rem !important;
		border-radius: min(var(--ev-wcns-radius, 22px), 18px);
	}

	body.admin-bar .woocommerce-message.ev-wcns-managed-notice,
	body.admin-bar .woocommerce .woocommerce-message.ev-wcns-managed-notice,
	body.admin-bar .woocommerce-message:has(.ev-wcns-add-marker),
	body.admin-bar .woocommerce .woocommerce-message:has(.ev-wcns-add-marker),
	body.admin-bar:not(.woocommerce-cart):not(.woocommerce-checkout):not(.woocommerce-order-received) .woocommerce-message:has(a.restore-item),
	body.admin-bar:not(.woocommerce-cart):not(.woocommerce-checkout):not(.woocommerce-order-received) .woocommerce .woocommerce-message:has(a.restore-item) {
		top: calc(var(--ev-wcns-modal-top-mobile, 16px) + var(--wp-admin--admin-bar--height, 32px));
	}

	.woocommerce-message.ev-wcns-managed-notice::before,
	.woocommerce .woocommerce-message.ev-wcns-managed-notice::before,
	.woocommerce-message:has(.ev-wcns-add-marker)::before,
	.woocommerce .woocommerce-message:has(.ev-wcns-add-marker)::before,
	body:not(.woocommerce-cart):not(.woocommerce-checkout):not(.woocommerce-order-received) .woocommerce-message:has(a.restore-item)::before,
	body:not(.woocommerce-cart):not(.woocommerce-checkout):not(.woocommerce-order-received) .woocommerce .woocommerce-message:has(a.restore-item)::before {
		width: min(var(--ev-wcns-icon-size, 52px), 44px);
		height: min(var(--ev-wcns-icon-size, 52px), 44px);
		min-width: min(var(--ev-wcns-icon-size, 52px), 44px);
		font-size: 1.45rem;
	}

	.woocommerce-message.ev-wcns-managed-notice .button.wc-forward,
	.woocommerce .woocommerce-message.ev-wcns-managed-notice .button.wc-forward,
	.woocommerce-message.ev-wcns-managed-notice a.restore-item,
	.woocommerce .woocommerce-message.ev-wcns-managed-notice a.restore-item,
	.woocommerce-message:has(.ev-wcns-add-marker) .button.wc-forward,
	.woocommerce .woocommerce-message:has(.ev-wcns-add-marker) .button.wc-forward,
	body:not(.woocommerce-cart):not(.woocommerce-checkout):not(.woocommerce-order-received) .woocommerce-message:has(a.restore-item) a.restore-item,
	body:not(.woocommerce-cart):not(.woocommerce-checkout):not(.woocommerce-order-received) .woocommerce .woocommerce-message:has(a.restore-item) a.restore-item {
		grid-column: 1 / -1;
		grid-row: 2;
		width: 100%;
		justify-self: stretch;
		margin-top: 0.2rem;
	}

	.woocommerce-message.ev-wcns-managed-notice .ev-wcns-close,
	.woocommerce .woocommerce-message.ev-wcns-managed-notice .ev-wcns-close {
		grid-column: 1 / -1;
		grid-row: 3;
		width: 100%;
		justify-self: stretch;
		min-height: 2.75rem;
		margin-top: 0.1rem;
	}
}
