/* ============================================================
   Etiquetas sobre la imagen del producto (módulo etiquetas.php)
   Columna arriba a la derecha: las etiquetas se apilan, nunca
   se superponen. Todas con z-index 5.
============================================================= */
li.product{ position:relative; }

.ap-lbls{
  position:absolute; top:0; right:0; z-index:5;
  display:flex; flex-direction:column; align-items:flex-end; gap:8px;
  pointer-events:none;
}
.ap-lbl{ position:relative; z-index:5; margin:0; }

/* Ficha: oculta hasta que el script la ubica dentro de la galería */
.ap-lbls-single{ display:none; }
.woocommerce-product-gallery > .ap-lbls-single{ display:flex; }

/* Se puede reservar: imagen, margen 0, a la derecha */
.ap-lbls .ap-lbl-img{
  display:block; width:auto; height:80px; max-width:none; margin:0;
}

/* Sin stock / Discontinuado: mismo recuadro; Discontinuado con fondo más claro */
.ap-lbl-box{
  display:inline-block;
  margin:14px 14px 0 0; padding:5px 9px; border-radius:4px;
  background:rgba(110,113,119,.9); color:#fff;
  font-family:inherit; font-size:9px; font-weight:600; line-height:1.3em;
  letter-spacing:.12em; text-transform:uppercase; white-space:nowrap;
}
.ap-lbl-disc{ background:rgba(226,227,230,.94); color:#4b4f58; }

/* Ficha: "Discontinuado" en el lugar donde WooCommerce ponía "Agotado" */
.stock.ap-stock-disc{ margin:0 0 16px; }
.stock.ap-stock-disc .ap-lbl-box{ margin:0; background:#e8e9eb; }
/* Discontinuados: sin botón "Notificarme al reingresar" (no van a reingresar) */
.product_cat-discontinuados .xoo-wl-btn-container{ display:none !important; }

/* Oferta: círculo naranja con % y "OFF" */
.ap-lbl-sale{
  display:flex; flex-direction:column; align-items:center; justify-content:center;
  width:50px; height:50px; margin:14px 14px 0 0; padding:0; border-radius:50%;
  background:#ff7300; color:#fff;
  font-family:inherit; font-size:10px; font-weight:700; line-height:1.3em; text-align:center;
}
.ap-lbl-sale b{ font-weight:700; }

/* Premios en círculo (What Hi-Fi?): mismo tamaño que la oferta.
   Los premios en cinta (iF Design) usan .ap-lbl-img, igual que "llegando". */
.ap-lbls .ap-lbl-award{
  display:block; width:50px; height:50px; max-width:none; margin:14px 14px 0 0;
}

/* Regla anti-superposición: si la oferta o el premio van debajo de otra
   etiqueta, pierden su margen superior y quedan separados sólo por el gap. */
.ap-lbl + .ap-lbl-sale,
.ap-lbl + .ap-lbl-award{ margin-top:0; }

@media (max-width:600px){
  .ap-lbls .ap-lbl-img{ height:64px; }
  .ap-lbl-box, .ap-lbl-sale, .ap-lbls .ap-lbl-award{ margin:10px 10px 0 0; }
  .ap-lbl + .ap-lbl-sale, .ap-lbl + .ap-lbl-award{ margin-top:0; }
  .stock.ap-stock-disc .ap-lbl-box{ margin:0; }
}