/* Etiquetas de Productos - estilos del frontend */

/* La etiqueta se inyecta como HERMANA de la imagen (no la envuelve, para no
   romper el slider/hover de JetWoo). Necesita que un ancestro sea position:relative.
   Forzamos relative en los contenedores habituales de tarjeta de producto. */
.jet-woo-product-thumbnail,
.jet-woo-product-thumbs,
.jet-woo-products__thumbnail,
.woocommerce ul.products li.product,
ul.products li.product,
.wc-block-grid__product,
.woocommerce div.product .woocommerce-product-gallery,
.woocommerce-product-gallery__wrapper {
	position: relative;
}

/* Grupo de etiquetas en una esquina */
.spb-badges {
	position: absolute;
	z-index: 5;
	display: flex;
	flex-direction: column;
	gap: 5px;
	pointer-events: none; /* no interferir con el clic sobre el producto */
	line-height: 1;
}

.spb-pos-top-left {
	top: 8px;
	left: 8px;
	align-items: flex-start;
}

.spb-pos-top-right {
	top: 8px;
	right: 8px;
	align-items: flex-end;
}

.spb-pos-bottom-left {
	bottom: 8px;
	left: 8px;
	align-items: flex-start;
}

.spb-pos-bottom-right {
	bottom: 8px;
	right: 8px;
	align-items: flex-end;
}

/* La etiqueta en sí */
.spb-badge {
	display: inline-block;
	padding: 4px 8px;
	font-weight: 600;
	letter-spacing: 0.2px;
	white-space: nowrap;
	text-transform: uppercase;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.18);
	pointer-events: auto;
}