/* EON Stock UX — estilo de productos sin stock.
   Aplica a li.product (loop nativo) y a .e-loop-item.product (Elementor). */

.eon-sin-stock img,
.product.outofstock img {
	opacity: .45;
	filter: grayscale(35%);
	transition: opacity .2s ease;
}

.eon-sin-stock:hover img,
.product.outofstock:hover img {
	opacity: .65;
}

.eon-sin-stock .woocommerce-loop-product__title,
.eon-sin-stock .price {
	opacity: .7;
}

/* Nuestra pastilla hereda el look del badge de Astra
   (.ast-shop-product-out-of-stock). Forzar posición sobre la tarjeta del
   loop de Elementor si hace falta. */
.e-loop-item.eon-sin-stock {
	position: relative;
}

.e-loop-item.eon-sin-stock .eon-agotado-extra {
	position: absolute;
	top: 10px;
	left: 10px;
	z-index: 5;
}