/* ====== Coagro — Carrito vacío (Woo Blocks) ====== */
.carrito-coagro { --cg-primary:#003366; --cg-accent:#0071ce; --cg-gap:1.25rem; }

/* Contenedor + títulos compactos */
.carrito-coagro .wp-block-woocommerce-empty-cart-block{ max-width:1200px; margin:0 auto; padding:1rem 1rem 2rem; }
.carrito-coagro .wc-block-cart__empty-cart__title{
  text-align:center; font-size:clamp(1rem,2.2vw,1.25rem); font-weight:800; color:var(--cg-primary);
  margin:.5rem 0 1rem; line-height:1.25;
}
.carrito-coagro .wc-block-cart__empty-cart__title::before{ display:none !important; }
.carrito-coagro .with-empty-cart-icon{ background:none !important; }
.carrito-coagro .wp-block-separator{ margin:.5rem 0 1.2rem; opacity:.2; }
.carrito-coagro .wp-block-woocommerce-empty-cart-block h2.wp-block-heading{
  text-align:center; font-size:clamp(1.05rem,2.4vw,1.35rem); color:var(--cg-primary); font-weight:800; margin:0 0 1rem;
}

/* ====== "Nuevo en la tienda" — reset fuerte de layout ====== */
/* Forzamos nuestro layout y anulamos los anchos/columnas de Blocks */
.carrito-coagro .wp-block-woocommerce-product-new.wc-block-grid{ display:block; }
.carrito-coagro .wp-block-woocommerce-product-new .wc-block-grid__products{
  display:flex !important; flex-wrap:wrap; gap:var(--cg-gap);
  list-style:none; padding:0; margin:0 auto 1rem; max-width:1200px;
}
/* MUY IMPORTANTE: quitar widths heredados del core (.has-4-columns, etc.) */
.carrito-coagro .wp-block-woocommerce-product-new .wc-block-grid__product{
  width:auto !important; max-width:none !important;
  flex: 1 1 calc(25% - var(--cg-gap)) !important;   /* 4 columnas */
  min-width: 240px;                                   /* evita “pastillas” angostas */
  background:#fff; border-radius:16px; box-shadow:0 6px 20px rgba(0,0,0,.06);
  padding:1rem .9rem 1.1rem; text-align:center;
  transition:transform .25s, box-shadow .25s;
  display:flex; flex-direction:column; justify-content:space-between;
}
.carrito-coagro .wp-block-woocommerce-product-new .wc-block-grid__product:hover{
  transform: translateY(-4px); box-shadow: 0 10px 26px rgba(0,0,0,.10);
}

@media (max-width:1024px){
  .carrito-coagro .wp-block-woocommerce-product-new .wc-block-grid__product{
    flex-basis: calc(50% - var(--cg-gap)) !important; max-width: calc(50% - var(--cg-gap)) !important;
  }
}
@media (max-width:560px){
  .carrito-coagro .wp-block-woocommerce-product-new .wc-block-grid__product{
    flex-basis: 100% !important; max-width: 100% !important;
  }
}

/* Enlaces ocupan toda la card */
.carrito-coagro .wc-block-grid__product-link{ display:block !important; text-decoration:none; }

/* ====== IMAGEN — que se vea SIEMPRE ====== */
.carrito-coagro .wc-block-grid__product-image{
  width:100%; height:200px; min-height:200px; /* ajusta 180–220 a gusto */
  display:flex; align-items:center; justify-content:center;
  background:#fafafa; border-radius:12px; padding:12px; margin-bottom:.8rem; overflow:hidden;
}
/* reset a cualquier placeholder/skeleton/opacity/transform del tema/lazyload */
.carrito-coagro .wc-block-grid__product-image::before,
.carrito-coagro .wc-block-grid__product-image::after{ content:none !important; }
.carrito-coagro .wc-block-grid__product-image img{
  display:block !important;
  width:auto !important; height:100% !important; max-width:100% !important; max-height:100% !important;
  object-fit:contain !important; margin:0 auto;
  opacity:1 !important; visibility:visible !important; filter:none !important; transform:none !important;
  border-radius:0 !important;
}

/* Título, precio y CTA */
.carrito-coagro .wc-block-grid__product-title{ font-size:.95rem; font-weight:600; color:#333; min-height:38px; margin:.3rem 0 .2rem; }
.carrito-coagro .wc-block-grid__product-price{ font-size:1.05rem; font-weight:800; color:var(--cg-accent); margin-bottom:.8rem; }
.carrito-coagro .wc-block-grid__product-add-to-cart .wp-block-button__link{
  display:inline-flex; align-items:center; gap:.5rem;
  background:var(--cg-accent); color:#fff; padding:.55rem .95rem; border-radius:.6rem; line-height:1.2; white-space:nowrap;
}
.carrito-coagro .wc-block-grid__product-add-to-cart .wp-block-button__link:hover{ background:#005fa3; }

/* Limpia wishlist/tooltip que ensucia la vista */
.carrito-coagro .tinv-wraper, .carrito-coagro .tinvwl-tooltip{ display:none !important; }

/* Ajustes responsive suaves */
@media (max-width:768px){
  .carrito-coagro .wp-block-woocommerce-empty-cart-block{ padding:.75rem .75rem 1.25rem; }
  .carrito-coagro .wp-block-woocommerce-product-new .wc-block-grid__products{ gap:1rem; }
}

/* ===== FIX DURO: cards anchas + imagen visible (solo carrito vacío) ===== */

/* 1) Ignora columnas predefinidas del bloque y usa flex responsivo */
.carrito-coagro .wp-block-woocommerce-product-new.wc-block-grid{ display:block; }
.carrito-coagro .wp-block-woocommerce-product-new .wc-block-grid__products{
  display:flex !important; flex-wrap:wrap; gap:1.25rem; margin:0 auto 1rem; max-width:1200px;
}
.carrito-coagro .wp-block-woocommerce-product-new .wc-block-grid__product{
  width:auto !important; max-width:none !important;
  flex:1 1 calc(25% - 1.25rem) !important; min-width:260px;   /* 🔒 evita “pastillas” */
  background:#fff; border-radius:16px; box-shadow:0 6px 20px rgba(0,0,0,.06);
  padding:1rem .9rem 1.1rem; display:flex; flex-direction:column; justify-content:space-between;
  text-align:center; transition:transform .25s, box-shadow .25s;
}
@media (max-width:1024px){
  .carrito-coagro .wp-block-woocommerce-product-new .wc-block-grid__product{
    flex-basis:calc(50% - 1.25rem) !important; max-width:calc(50% - 1.25rem) !important;
  }
}
@media (max-width:560px){
  .carrito-coagro .wp-block-woocommerce-product-new .wc-block-grid__product{
    flex-basis:100% !important; max-width:100% !important;
  }
}

/* 2) El enlace ocupa toda la card */
.carrito-coagro .wc-block-grid__product-link{ display:block !important; text-decoration:none; }

/* 3) Marco de imagen fijo + z-index por encima de cualquier overlay */
.carrito-coagro .wc-block-grid__product-image{
  position:relative; width:100%; height:200px; min-height:200px;
  display:flex; align-items:center; justify-content:center;
  background:#fafafa; border-radius:12px; padding:12px; margin-bottom:.8rem; overflow:hidden;
}
.carrito-coagro .wc-block-grid__product-image img{
  position:relative !important; z-index:2 !important;
  display:block !important; width:auto !important; height:100% !important;
  max-width:100% !important; max-height:100% !important; object-fit:contain !important;
  opacity:1 !important; visibility:visible !important; filter:none !important; transform:none !important;
  border-radius:0 !important;
}

/* 4) Mata cualquier placeholder/skeleton/óvalo del tema o del bloque */
.carrito-coagro .wc-block-grid__product-image::before,
.carrito-coagro .wc-block-grid__product-image::after,
.carrito-coagro .wc-block-components-product-image__placeholder,
.carrito-coagro .wc-block-components-product-image .placeholder,
.carrito-coagro .wc-block-grid__product .wc-block-components-product-image__placeholder {
  content:none !important; display:none !important; background:none !important; box-shadow:none !important;
}

/* 5) Tipografía & CTA (por si el tema los comprime) */
.carrito-coagro .wc-block-grid__product-title{ font-size:.95rem; font-weight:600; color:#333; min-height:38px; margin:.3rem 0 .2rem; }
.carrito-coagro .wc-block-grid__product-price{ font-size:1.05rem; font-weight:800; color:#0071ce; margin-bottom:.8rem; }
.carrito-coagro .wc-block-grid__product-add-to-cart .wp-block-button__link{
  display:inline-flex; align-items:center; gap:.5rem; background:#0071ce; color:#fff;
  padding:.55rem .95rem; border-radius:.6rem; line-height:1.2; white-space:nowrap;
}
.carrito-coagro .wc-block-grid__product-add-to-cart .wp-block-button__link:hover{ background:#005fa3; }