/* Omniverce Cart UX: visible feedback while an AJAX add-to-cart
   request is in flight. WooCommerce's script already toggles the
   .loading class on the clicked button; the Elementor loop button
   simply had no styling for that state, so the click looked dead
   while the (slow) request completed. */
a.add_to_cart_button.loading {
	opacity: 0.6;
	pointer-events: none;
	position: relative;
}

a.add_to_cart_button.loading::after {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	width: 16px;
	height: 16px;
	margin: -8px 0 0 -8px;
	border: 2px solid rgba(29, 58, 110, 0.25);
	border-top-color: #1D3A6E;
	border-radius: 50%;
	animation: ovc-cart-ux-spin 0.7s linear infinite;
	z-index: 2;
}

@keyframes ovc-cart-ux-spin {
	to {
		transform: rotate(360deg);
	}
}

/* ---- v1.2.0: WooCommerce notices, slim and light (client's
   reference: thin pale strips with a small icon, not heavy
   saturated bars). Type tints stay distinguishable but pale;
   text is dark; links inherit. ---- */
body .woocommerce-message,
body .woocommerce-info,
body .woocommerce-error {
	border: 1px solid transparent;
	border-radius: 10px;
	padding: 10px 14px;
	font-size: 14px;
	line-height: 1.45;
	box-shadow: none;
	margin-bottom: 12px;
}

body .woocommerce-message {
	background: #E7F4EC !important;
	border-color: #CDE7D6;
	color: #175C35 !important;
}

body .woocommerce-info {
	background: #EEF2F7 !important;
	border-color: #D8E1EE;
	color: #1D3A6E !important;
}

body .woocommerce-error {
	background: #FDECEA !important;
	border-color: #F5CFCB;
	color: #8C2B21 !important;
}

body .woocommerce-message::before,
body .woocommerce-info::before,
body .woocommerce-error::before {
	color: inherit !important;
}

body .woocommerce-message a,
body .woocommerce-info a,
body .woocommerce-error a {
	color: inherit !important;
	font-weight: 600;
	text-decoration: underline;
}