/**
 * SC3D Price Label - Listing CSS
 * Oculta precios, descuentos y CTAs en listados de productos con label activo
 * Compatible con Classic y Warehouse
 */

/* ========================================
   OCULTAR PRECIOS EN LISTADOS
   ======================================== */

/* Contenedor principal de precio en miniatura de producto */
.product-miniature:has(.sc3d-price-label) .product-price-and-shipping,
.product-miniature:has(.sc3d-price-label) .product-miniature__price,
.product-miniature:has(.sc3d-price-label) .product-miniature__prices,
.product-miniature:has(.sc3d-price-label) .product-price,
.product-miniature:has(.sc3d-price-label) .price,
.product-miniature:has(.sc3d-price-label) .current-price,
.product-miniature:has(.sc3d-price-label) .regular-price,
.product-miniature:has(.sc3d-price-label) .product-miniature__regular-price {
  display: none !important;
  visibility: hidden !important;
}

/* Descuentos y badges de precio */
.product-miniature:has(.sc3d-price-label) .discount-percentage,
.product-miniature:has(.sc3d-price-label) .discount-amount,
.product-miniature:has(.sc3d-price-label) .product-miniature__discount-percentage,
.product-miniature:has(.sc3d-price-label) .product-flag.discount,
.product-miniature:has(.sc3d-price-label) .product-flag.on-sale,
.product-miniature:has(.sc3d-price-label) .badge-discount {
  display: none !important;
  visibility: hidden !important;
}

/* Precio tachado (antes del descuento) */
.product-miniature:has(.sc3d-price-label) .has-discount .regular-price,
.product-miniature:has(.sc3d-price-label) .product-miniature__discount-price {
  display: none !important;
  visibility: hidden !important;
}

/* Botones de añadir al carrito en listados */
.product-miniature:has(.sc3d-price-label) .add-to-cart,
.product-miniature:has(.sc3d-price-label) .product-add-to-cart,
.product-miniature:has(.sc3d-price-label) [data-button-action="add-to-cart"],
.product-miniature:has(.sc3d-price-label) .btn-product-list,
.product-miniature:has(.sc3d-price-label) .quick-view {
  display: none !important;
  visibility: hidden !important;
}

/* Variantes y opciones de producto */
.product-miniature:has(.sc3d-price-label) .product-variants,
.product-miniature:has(.sc3d-price-label) .product-miniature__variants,
.product-miniature:has(.sc3d-price-label) .variant-links {
  display: none !important;
  visibility: hidden !important;
}

/* Reviews y ratings (pueden mostrar info de precio) */
.product-miniature:has(.sc3d-price-label) .product-rating,
.product-miniature:has(.sc3d-price-label) [class*="rating"],
.product-miniature:has(.sc3d-price-label) [class*="review"] {
  display: none !important;
  visibility: hidden !important;
}

/* ========================================
   WAREHOUSE THEME ESPECÍFICO
   ======================================== */

/* Warehouse usa clases diferentes */
.product-miniature:has(.sc3d-price-label) .product__price,
.product-miniature:has(.sc3d-price-label) .product__price-wrapper,
.product-miniature:has(.sc3d-price-label) .product__discount,
.product-miniature:has(.sc3d-price-label) .product__old-price {
  display: none !important;
  visibility: hidden !important;
}

/* ========================================
   FALLBACK SIN :has() (navegadores antiguos)
   ======================================== */

/* Si el navegador no soporta :has(), usar clase en el contenedor */
.sc3d-has-label .product-price-and-shipping,
.sc3d-has-label .product-miniature__price,
.sc3d-has-label .product-price,
.sc3d-has-label .price,
.sc3d-has-label .current-price,
.sc3d-has-label .discount-percentage,
.sc3d-has-label .discount-amount,
.sc3d-has-label .regular-price,
.sc3d-has-label .product-flag.discount,
.sc3d-has-label .product-flag.on-sale,
.sc3d-has-label .add-to-cart,
.sc3d-has-label [data-button-action="add-to-cart"] {
  display: none !important;
  visibility: hidden !important;
}

/* Excepto el label mismo */
.sc3d-has-label .sc3d-price-label,
.sc3d-has-label .sc3d-listing-link {
  display: inline-block !important;
  visibility: visible !important;
}

/* ========================================
   ASEGURAR VISIBILIDAD DEL LABEL
   ======================================== */

/* El label debe ser siempre visible */
.sc3d-price-label,
.sc3d-listing-link {
  display: inline-block !important;
  visibility: visible !important;
  opacity: 1 !important;
}

/* Contenedor del label en listados */
.product-miniature .sc3d-label-wrap {
  display: block !important;
  margin: 0.5rem 0;
}

/* ========================================
   WAREHOUSE THEME - VISIBILIDAD FORZADA
   ======================================== */

/* Forzar visibilidad del contenedor padre cuando tiene label */
.product-price-and-rating:has(.sc3d-price-label),
.product-price-and-shipping:has(.sc3d-price-label),
.product-miniature:has(.sc3d-price-label) .product-price-and-rating,
.product-miniature:has(.sc3d-price-label) .product-price-and-shipping {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  height: auto !important;
  min-height: fit-content !important;
  overflow: visible !important;
}

/* Warehouse: El label dentro del contenedor de precio */
.product-price-and-rating .sc3d-price-label,
.product-price-and-shipping .sc3d-price-label {
  display: inline-block !important;
  visibility: visible !important;
  opacity: 1 !important;
  position: relative !important;
  z-index: 1 !important;
}

/* Fallback sin :has() - añadir clase manualmente */
.sc3d-has-label.product-price-and-rating,
.sc3d-has-label.product-price-and-shipping {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}