/* === Contexte de positionnement sur les cartes produits et images Elementor === */
.woocommerce ul.products li.product,
.woocommerce ul.products li.product .woocommerce-LoopProduct-link,
.jet-woo-product-gallery__image,
.elementor-widget-image .elementor-widget-container { overflow: visible; }

/* === Ancien wrapper/bandeau (désactivé si présent en HTML) === */
.rpv-wrapper { position: relative; display: inline-block; }
.rpv-bandeau,
.rpv-bandeau-single { display: none !important; }

/* === Badge PNG bas-gauche (archives, widgets Elementor, catégories, tags) === */
:root {
  /* Injecté dynamiquement via PHP :
     :root{--rpv-badge-url:url(".../assets/rupture.png");} */
  --rpv-badge-url: url("./rupture.png");
}

.rpv-badge {
  position: absolute;
  left: 3px;
  bottom: 3px;
  width: 70px;   /* ajuste la taille du PNG */
  height: 70px;
  background-image: var(--rpv-badge-url);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: left bottom;
  z-index: 50;   /* passe au-dessus des overlays Elementor/Woo */
  pointer-events: none; /* ne bloque pas les clics sur la carte */
  display: block;
}

/* === Page produit (si hook activé) === */
.rpv-badge--single {
  position: absolute;
  left: 12px;
  bottom: 12px;
  width: 80px;
  height: 80px;
  background-image: var(--rpv-badge-url);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: left bottom;
  z-index: 50;
  pointer-events: none;
}

/* === Responsive === */
@media (max-width: 480px) {
  .rpv-badge { width: 72px; height: 72px; }
  .rpv-badge--single { width: 88px; height: 88px; }
}