/* ==========================================================================
   Sigillum · WooCommerce
   Estilos de presentación sobre el marcado de WooCommerce. Se completa en las
   fases de tienda, producto, carrito y checkout.
   ========================================================================== */

.woocommerce-Price-amount {
	white-space: nowrap;
}

.woocommerce-Price-currencySymbol {
	margin-right: 0.1em;
}

/* ---------- Avisos (en todas las páginas de WooCommerce) ---------- */

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

.woocommerce-message,
.woocommerce-info,
.woocommerce-error,
.wc-block-components-notice-banner {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: var(--space-3) var(--space-5);
	margin: 0 0 var(--space-6);
	padding: var(--space-4) var(--space-5);
	border: var(--border-hair) solid var(--sig-rule-light);
	border-left: 2px solid var(--sig-gold);
	background: var(--sig-graphite);
	font-size: var(--step--1);
	list-style: none;
}

.woocommerce-error {
	border-left-color: #c4554d;
}

.woocommerce-message .button,
.woocommerce-info .button {
	margin-left: auto;
	color: var(--sig-gold);
	font-size: var(--step--2);
	font-weight: var(--weight-ui);
	letter-spacing: var(--track-caps);
	text-transform: uppercase;
}