/* ==========================================================
   IDEPAL B2B — Categorías / Tienda / Loop de productos
   Archivo: assets/css/idepal-archive.css
   ========================================================== */

/* ---------- Grilla: 3 columnas escritorio ---------- */
.woocommerce ul.products{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:26px !important;
  margin-top:34px !important;
}

.woocommerce ul.products::before,
.woocommerce ul.products::after{
  display:none !important;
}

/* ---------- Tarjeta ---------- */
.woocommerce ul.products li.product.idepal-product-card{
  width:auto !important;
  float:none !important;
  margin:0 !important;
  padding:0 !important;
  background:#fff !important;
  border:1px solid #e8e3dc !important;
  border-radius:16px !important;
  overflow:hidden !important;
  display:flex !important;
  flex-direction:column !important;
  box-shadow:0 10px 30px rgba(0,0,0,.035) !important;
  transition:transform .2s ease, box-shadow .2s ease, border-color .2s ease !important;
}

.woocommerce ul.products li.product.idepal-product-card:hover{
  transform:translateY(-3px) !important;
  border-color:#d8d0c6 !important;
  box-shadow:0 14px 34px rgba(0,0,0,.075) !important;
}

/* ---------- Imagen: full-bleed a sangre sobre crema ---------- */
.idepal-product-card__image{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:100% !important;
  height:185px !important;
  aspect-ratio:auto !important;
  background:#f5f3f0 !important;
  padding:0 !important;
  overflow:hidden !important;
  text-decoration:none !important;
}

.idepal-product-card__image img{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  margin:0 !important;
  transition:transform .25s ease !important;
}

.idepal-product-card:hover .idepal-product-card__image img{
  transform:scale(1.04) !important;
}

/* ---------- Cuerpo ---------- */
.idepal-product-card__body{
  padding:0 20px 20px !important;
  display:flex !important;
  flex-direction:column !important;
  flex:1 !important;
}

.idepal-product-card__category{
  font-size:13px !important;
  line-height:1.2 !important;
  color:#8b8580 !important;
  margin-bottom:8px !important;
}

.idepal-product-card__title{
  display:block !important;
  font-family:'Barlow Condensed','Arial Narrow',sans-serif !important;
  font-size:24px !important;
  line-height:1.05 !important;
  font-weight:800 !important;
  letter-spacing:.2px !important;
  color:#111 !important;
  text-decoration:none !important;
  margin-bottom:12px !important;
}

.idepal-product-card__title:hover{
  color:#8b0d31 !important;
}

/* Precio (cliente aprobado / admin) */
.idepal-product-card__price{
  font-size:17px !important;
  font-weight:800 !important;
  color:#111 !important;
  margin-bottom:12px !important;
}

.idepal-product-card__price .price{
  color:#111 !important;
}

/* ---------- Aviso B2B: caja roja suave, una línea ---------- */
.idepal-product-card__locked-price{
  background:#faf3f5 !important;
  border:1px solid #f0dfe5 !important;
  border-radius:9px !important;
  padding:9px 12px !important;
  margin:0 0 10px !important;
  text-align:center !important;
}

.idepal-product-card__locked-price span{
  display:block !important;
  font-family:'Barlow','Segoe UI',system-ui,sans-serif !important;
  font-size:12.5px !important;
  font-weight:700 !important;
  line-height:1.3 !important;
  letter-spacing:0 !important;
  text-transform:none !important;
  color:#8b0d31 !important;
}

/* ==========================================================
   IDEPAL — Botones de tarjeta: limpios y parejos (42px)
   Orden cliente: accesos arriba, "Ver producto" abajo
   ========================================================== */
.idepal-product-card__auth{
  display:flex !important;
  gap:8px !important;
  margin:0 0 8px !important;
}

.idepal-product-card__login,
.idepal-product-card__request,
.idepal-product-card__button{
  min-height:42px !important;
  height:42px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  border-radius:9px !important;
  font-family:'Barlow Condensed','Arial Narrow',sans-serif !important;
  font-weight:800 !important;
  font-size:13px !important;
  letter-spacing:.6px !important;
  text-transform:uppercase !important;
  text-align:center !important;
  text-decoration:none !important;
  box-shadow:none !important;
  outline:none !important;
  padding:0 12px !important;
  margin-top:0 !important;
  transition:.2s ease !important;
}

.idepal-product-card__login{
  flex:1 1 0 !important;
  background:#8b0d31 !important;
  color:#fff !important;
  border:1px solid #8b0d31 !important;
}
.idepal-product-card__login:hover{
  background:#6b0926 !important;
  border-color:#6b0926 !important;
  color:#fff !important;
}

.idepal-product-card__request{
  flex:1 1 0 !important;
  background:#fff !important;
  color:#8b0d31 !important;
  border:1px solid #d8d0c6 !important;
}
.idepal-product-card__request:hover{
  border-color:#8b0d31 !important;
  color:#8b0d31 !important;
}

.idepal-product-card__button{
  width:100% !important;
  background:#8b0d31 !important;
  color:#fff !important;
  border:1px solid #8b0d31 !important;
}
.idepal-product-card__button:hover{
  background:#6b0926 !important;
  border-color:#6b0926 !important;
  color:#fff !important;
  transform:none !important;
}

/* ---------- Limpieza overlays de Astra ---------- */
.woocommerce ul.products li.product.idepal-product-card .ast-on-card-button,
.woocommerce ul.products li.product.idepal-product-card .ast-card-action-tooltip,
.woocommerce ul.products li.product.idepal-product-card .ast-quick-view-button,
.woocommerce ul.products li.product.idepal-product-card .ast-quick-view-text{
  display:none !important;
}

/* ---------- Header de categoría ---------- */
.woocommerce-products-header{
  margin-bottom:22px !important;
}
.woocommerce-result-count,
.woocommerce-ordering{
  margin-bottom:22px !important;
}

/* ==========================================================
   Responsive
   ========================================================== */

/* Tablet: 2 por fila */
@media (max-width:1024px){
  .woocommerce ul.products{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
}

@media (max-width:780px){
  .woocommerce ul.products{
    gap:18px !important;
  }
  .idepal-product-card__title{
    font-size:21px !important;
  }
}

/* Móvil: 1 por fila + accesos apilados */
@media (max-width:600px){
  .woocommerce ul.products{
    grid-template-columns:1fr !important;
  }
  .idepal-product-card__auth{
    flex-direction:column !important;
  }
  .idepal-product-card__login,
  .idepal-product-card__request{
    width:100% !important;
  }
}