/**
 * Piccole Perle Badge Manager – Frontend Styles
 * Version: 1.2.0
 */

/* ── Wrapper: position relative ──────────────────────────────────────────── */

/* WooCommerce standard – archivio */
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
	position: relative;
}

/* WooCommerce standard – singolo prodotto */
.single-product div.product .images,
.single-product div.product .woocommerce-product-gallery,
.woocommerce-page.single-product div.product .images,
.woocommerce-page.single-product div.product .woocommerce-product-gallery {
	position: relative;
}

/* Compatibilità Divi ET_Shop */
.et_pb_shop .products li.product,
.et_pb_woo_gallery .products li.product {
	position: relative;
}

/* Wrapper Divi inline (compat attiva) */
.ppbm-divi-wrap {
	position: relative;
	display: inline-block;
	line-height: 0;
	width: 100%;
}

/* WooCommerce Blocks: product-collection */
.wc-block-product-template .wc-block-product,
.wp-block-woocommerce-product-collection .wc-block-product {
	position: relative;
}

/* ── Badge ────────────────────────────────────────────────────────────────── */

.ppbm-badge {
	position: absolute;
	/* top/left sovrascritta dall'inline CSS dinamico */
	top:  10px;
	left: 10px;
	z-index: 20;
	line-height: 0;
	pointer-events: none;
	transition: opacity 0.2s ease;
}

.ppbm-badge img {
	display: block;
	/* width sovrascritta dall'inline CSS dinamico */
	width:     96px !important;
	max-width: none !important;
	height:    auto !important;
	border:        none;
	box-shadow:    none;
	border-radius: 0;
}

/* ── Responsive ──────────────────────────────────────────────────────────── */

@media (max-width: 480px) {
	.ppbm-badge img {
		width:     70px !important;
		max-width: 70px !important;
	}
}

/* ── Accessibilità ───────────────────────────────────────────────────────── */

@media (prefers-reduced-motion: reduce) {
	.ppbm-badge {
		transition: none;
	}
}