/* === AraAra - Estado Badges UI v1.9.0 === */

/* Host contenedor (imagen) */
.araara-image-host{ position:relative !important; }
.araara-image-host > .estado-badge-wrap{ position:absolute; top:8px; right:8px; z-index:350; pointer-events:none; }

/* Badge layout base */
.estado-badge{
  display:inline-flex !important;
  align-items:center !important;
  gap:4px !important;
  padding:6px 10px !important;
  line-height:1 !important;
  font-size:13px !important;
  font-weight:700 !important;
  white-space:nowrap !important;
  letter-spacing:0 !important;
  text-transform:none !important;
  border-radius:999px;
  box-shadow:0 2px 6px rgba(0,0,0,.15);
  color:#fff;
}

/* SVG icon (evita diferencias tipográficas de emojis/fuentes) */
.estado-icon{ display:inline-flex; width:14px; height:14px; }
.estado-svg{ width:14px; height:14px; fill:currentColor; stroke:currentColor; stroke-width:2; }

/* Chip ETA */
.estado-chip-eta{
  margin-left:.5rem;
  font-size:.7rem;
  padding:.25rem .5rem;
  border-radius:999px;
  background:#EEF2FF;
  color:#3730A3;
  border:1px solid #C7D2FE;
  font-weight:700;
}

/* Cinta diagonal para Agotado */
.estado-ribbon{
  position:absolute;
  top:8px;
  left:-45px;
  transform:rotate(-45deg);
  background:#EF4444;
  color:#fff;
  font-weight:800;
  font-size:.72rem;
  letter-spacing:.5px;
  padding:6px 60px;
  box-shadow:0 3px 10px rgba(0,0,0,.15);
}

/* Colores por estado */
.estado-disponible .estado-badge{ background:#16A34A; }
.estado-en_camino  .estado-badge{ background:#F59E0B; }
.estado-preventa   .estado-badge{ background:#7C3AED; }
.estado-agotado    .estado-badge{ background:#DC2626; }

/* Endurecer estilos en archivos/categorías/etiquetas */
.woocommerce.archive ul.products li.product .estado-badge,
.tax-product_cat ul.products li.product .estado-badge,
.tax-product_tag ul.products li.product .estado-badge,
.post-type-archive-product ul.products li.product .estado-badge{
  display:inline-flex !important;
  align-items:center !important;
  gap:4px !important;
  padding:6px 10px !important;
  line-height:1 !important;
  white-space:nowrap !important;
  letter-spacing:0 !important;
  text-transform:none !important;
}

/* Leyenda y ficha */
.estado-badge-single{ margin-bottom:.75rem; }
.estado-legend{ display:flex; gap:.5rem; align-items:center; flex-wrap:wrap; margin:.5rem 0 1rem; }
.estado-legend .pill{ font-size:.75rem; font-weight:700; padding:.35rem .6rem; border-radius:999px; border:1px solid transparent; }
.estado-legend .pill.disponible{ background:#DCFCE7; color:#166534; border-color:#86EFAC; }
.estado-legend .pill.en_camino{ background:#FEF3C7; color:#92400E; border-color:#FCD34D; }
.estado-legend .pill.preventa{ background:#EDE9FE; color:#5B21B6; border-color:#C7D2FE; }
.estado-legend .pill.agotado{ background:#FEE2E2; color:#991B1B; border-color:#FCA5A5; }

/* Ocultar placeholder del loop */
.araara-badge-placeholder{ display:none !important; }