/** Shopify CDN: Minification failed

Line 240:8 Expected ":"

**/
/* ========================================================================== */
/*                               1. BASE / RESET                               */
/* ========================================================================== */

.wpbingo-section--products {
  padding: 10px !important;
}

/* ========================================================================== */
/*                     2. PRODUCT CARD - ESTRUCTURA GENERAL                    */
/* ========================================================================== */

.product-card.hover_style_5 {
  border: 1px solid #e0e0e0 !important;
  border-radius: 8px !important;
}

/* ========================================================================== */
/*                           3. PRODUCT CARD - MEDIA                           */
/* ========================================================================== */

.product-content-card.slick-slide .card__media {
  width: 100% !important;
  height: 280px !important;
  object-fit: cover !important;
}

.card__media img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}

.estimated_delivery { 
  color: #00a650 !important;
}

/* ========================================================================== */
/*                  4. PRODUCT CARD - INFORMACIÓN / TEXTOS                     */
/* ========================================================================== */

.product-card__information {
  min-height: 120px !important;
  display: flex !important;
  flex-direction: column !important;
  padding: 12px !important;
}

.product-card__name {
  min-height: 48px !important;
  max-height: 48px !important;
  overflow: hidden !important;
  line-height: 1.4 !important;
  margin-bottom: 8px !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
}

/* ========================================================================== */
/*                           5. BADGES / LABELS                                */
/* ========================================================================== */

.product-card__label {
  display: none !important;
}

.condition-badge {
  position: absolute !important;
  top: 8px !important;
  right: 8px !important;
  padding: 4px 10px !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  color: #fff !important;
  border-radius: 3px !important;
  text-transform: uppercase !important;
  box-shadow: 0 2px 4px rgba(0,0,0,0.2) !important;
  display: none !important;
  z-index: 10 !important;
}

.condition-badge.pre-owned {
  background: #e67e22 !important;
}

.condition-badge.new {
  background: #27ae60 !important;
}

.free-shipping-badge {
  color: #00a650 !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  margin: 6px 0 !important;
  display: block !important;
}

/* ========================================================================== */
/*                               6. BOTONES                                    */
/* ========================================================================== */

/* Contenedor */
.product-card__buttons {
  display: flex !important;
  gap: 6px !important;
  margin-top: 12px !important;
  opacity: 1 !important;
  visibility: visible !important;
}

/* Ocultar botones secundarios por defecto */
.button-wishlist,
.button-compare,
.product-card__quickview,
.wpbingo-qty,
.btn--buy-now {
  opacity: 0 !important;
  visibility: hidden !important;
  transform: translateY(10px) !important;
  transition: all 0.3s ease !important;
}

/* Mostrar en hover */
.product-card:hover .button-wishlist,
.product-card:hover .button-compare,
.product-card:hover .product-card__quickview,
.product-card:hover .btn--add-to-cart,
.product-card:hover .btn--buy-now,
.product-card:hover .wpbingo-qty {
  opacity: 1 !important;
  visibility: visible !important;
  transform: translateY(0) !important;
}

/* Wishlist position */
.button-wishlist {
  position: absolute !important;
  top: 8px !important;
  right: 8px !important;
  z-index: 10 !important;
}

/* ========================================================================== */
/*                       7. STATES & ACCESSIBILITY                             */
/* ========================================================================== */

.btn--buy-now:disabled,
.btn--add-to-cart:disabled {
  opacity: 0.6;
  cursor: not-allowed;
  transform: none !important;
}

.btn--buy-now:focus,
.btn--add-to-cart:focus {
  outline: 2px solid #3498db;
  outline-offset: 2px;
}

/* ========================================================================== */
/*                             8. RESPONSIVE                                   */
/* ========================================================================== */

/* -------- 1024px -------- */
@media (max-width: 1024px) and (min-width: 769px) {
  .product-card__buttons {
    flex-wrap: wrap !important;
    justify-content: center !important;
  }

  .product-card__buttons .btn--add-to-cart,
  .product-card__buttons .btn--buy-now {
    font-size: 11px !important;
    padding: 6px 8px !important;
    min-height: 34px !important;
  }
}

/* -------- 768px -------- */
@media (max-width: 768px) {
  .product-card__name {
    font-size: 13px !important;
    min-height: 42px !important;
    max-height: 42px !important;
  }

  .product-card__information {
    min-height: 110px !important;
  }

  .product-card__buttons .btn--buy-now {
    padding: 6px 10px !important;
    font-size: 11px !important;
    min-height: 32px !important;
  }

  /* Mostrar botones siempre en mobile */
  .product-card__buttons,
  .button-wishlist,
  .button-compare,
  .product-card__quickview,
  .btn--add-to-cart,
  .btn--buy-now,
  .wpbingo-qty {
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
  }
}

/* -------- 480px -------- */
@media (max-width: 480px) {
  .bwp_slick-margin-mobile .slick-list {
    padding: 0 15% !important;
  }

  .product-card__buttons {
    flex-direction: column !important;
    gap: 4px !important;
  }

  .product-card__information {
    min-height: 100px !important;
  }

  .product-card__name {
    min-height: 38px !important;
    max-height: 38px !important;
    font-size: 14px !important;
  }
}

.product-card__actions--hover .product-card__hover-btn {
  height 50px;
  opacity: 0;
  visibility: hidden;
  transition: 0.25s;
}

.product-card:hover .product-card__actions--hover .product-card__hover-btn {
  opacity: 1;
  visibility: visible;
}

.badge.pre-owned {
  background-color: #ffcc00;
  color: #000;
  font-weight: bold;
  padding: 0.2em 0.5em;
  border-radius: 4px;
  font-size: 0.9em;
}

/* Badge general */
.product-condition {
  display: inline-block;
  padding: 3px 6px;
  font-size: 10px;
  font-weight: 600;
  border-radius: 2px;
  color: #fff;
  text-align: center;
  margin-bottom: 5px;
}

/* Brand New */
.product-condition.brand-new {
  background-color: #27ae60; /* verde */
}

/* Pre-Owned */
.product-condition.pre-owned {
  background-color: #f1c40f; /* amarillo */
  color: #000; /* texto negro para contraste */
}

/* Carousel específico, por si el theme lo sobreescribe */
.product-recommendations__inner .product-condition.brand-new {
  background-color: #27ae60 !important;
  color: #fff !important;
}

.product-recommendations__inner .product-condition.pre-owned {
  background-color: #f1c40f !important;
  color: #000 !important;
}
