/* Avisos de WooCommerce (agregado, quitado, error, información) con la marca. Entran con transform y opacidad. */

.woocommerce-notices-wrapper, .woocommerce-NoticeGroup { margin: 0 0 var(--space-4); }
body .woocommerce-message, body .woocommerce-info, body .woocommerce-error, body .woocommerce-notice {
	position: relative; display: block; margin: 0 0 var(--space-3); padding: var(--space-3) var(--space-4) var(--space-3) 3.5rem; list-style: none;
	border: 0; border-radius: 0.875rem; background: #ecf7fb; color: #0b3954; font-family: var(--font-sans); font-size: 0.9375rem; line-height: 1.45;
	box-shadow: 0 1px 0 rgb(11 57 84 / 0.06); outline: 0; animation: ts-aviso-entra 420ms var(--ease-spring) both;
}
/* Icono propio: círculo de color con símbolo blanco (reemplaza la fuente de iconos de WooCommerce) */
body .woocommerce-message::before, body .woocommerce-info::before, body .woocommerce-error::before, body .woocommerce-notice::before {
	content: ""; position: absolute; left: var(--space-4); top: 50%; width: 1.5rem; height: 1.5rem; margin: 0; transform: translateY(-50%);
	border-radius: 50%; background-color: #37409a; font-size: 0; color: transparent;
	-webkit-mask: var(--ts-ico) center / 100% 100% no-repeat; mask: var(--ts-ico) center / 100% 100% no-repeat;
}
body .woocommerce-message { --ts-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill-rule='evenodd' d='M12 24a12 12 0 1 0 0-24 12 12 0 0 0 0 24zm5.3-14.3-1.4-1.4-5.4 5.4-2.4-2.4-1.4 1.4 3.8 3.8z'/%3E%3C/svg%3E"); background: #eef7e8; }
body .woocommerce-message::before { background-color: #3d850e; }
body .woocommerce-info { --ts-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill-rule='evenodd' d='M12 24a12 12 0 1 0 0-24 12 12 0 0 0 0 24zm-1.1-17h2.2v2.2h-2.2zm0 4.4h2.2V18h-2.2z'/%3E%3C/svg%3E"); }
body .woocommerce-error, body .woocommerce-notice--error { --ts-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill-rule='evenodd' d='M12 24a12 12 0 1 0 0-24 12 12 0 0 0 0 24zM11 6.5h2v7h-2zm0 8.8h2v2.2h-2z'/%3E%3C/svg%3E"); background: #fdecea; color: #7a1b15; }
body .woocommerce-error::before { background-color: #b3261e; }
body .woocommerce-error li { margin: 0; padding: 0; list-style: none; }
body .woocommerce-error li + li { margin-top: var(--space-1); }
body .woocommerce-message a:not(.button), body .woocommerce-info a:not(.button), body .woocommerce-error a:not(.button) { font-weight: 600; color: #37409a; text-underline-offset: 2px; }
body .woocommerce-error a:not(.button) { color: #7a1b15; }
/* Botón "Ver carrito" dentro del aviso: pastilla pequeña a la derecha */
body .woocommerce-message a.button, body .woocommerce-info a.button { float: right; margin: 0 0 0 var(--space-3); padding: 0.375rem 1rem; border: 0; border-radius: 999px; background: #37409a; color: #fff; font-size: 0.875rem; font-weight: 600; line-height: 1.4; transition: transform var(--dur-press), background var(--dur-fast); }
body .woocommerce-message a.button:hover, body .woocommerce-info a.button:hover { background: #2f3787; color: #fff; }
body .woocommerce-message a.button:active { transform: scale(0.96); }
.woocommerce-cart .woocommerce-message a.button { display: none; }
/* Aviso que avisa de vez en cuando (Store Notice) */
body p.demo_store, body .woocommerce-store-notice { background: #37409a; color: #fff; font-family: var(--font-sans); }
@keyframes ts-aviso-entra { from { opacity: 0; transform: translateY(-8px) scale(0.98); } }
@media (prefers-reduced-motion: reduce) { body .woocommerce-message, body .woocommerce-info, body .woocommerce-error, body .woocommerce-notice { animation: none; } }
