/* =====================================================================
   KAHIKO HOME · WISHLIST BUTTON + PRODUCTOS (tienda / relacionados) — v5.0.0
   Se usa junto a panel.css (variables --kpu-*). Aquí se repiten valores
   clave por si esta hoja se carga sola en alguna plantilla.
   ===================================================================== */
:root{
  --kpuw-dark:#332A21;--kpuw-dark-2:#4A3B2D;--kpuw-cream:#FAF5EF;
  --kpuw-border:#E9E0D3;--kpuw-muted:#8C7E6E;
}

/* Tarjetas de producto (loop / relacionados / recomendados) */
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product{
  border:1.5px solid var(--kpuw-border) !important;
  border-radius:20px !important;
  overflow:hidden !important;
  background:#fff !important;
  padding:0 0 16px 0 !important;
  display:flex !important;
  flex-direction:column !important;
  transition:all .25s ease !important;
  box-shadow:0 2px 8px rgba(51,42,33,.04) !important;
}
.woocommerce ul.products li.product:hover,
.woocommerce-page ul.products li.product:hover{
  border-color:var(--kpuw-dark) !important;
  transform:translateY(-4px);
  box-shadow:0 14px 32px rgba(51,42,33,.13) !important;
}
.woocommerce ul.products li.product .woocommerce-LoopProduct-link{
  display:flex !important;flex-direction:column !important;flex:1 !important;
}
.woocommerce ul.products li.product .woocommerce-loop-product__title{
  font-size:14px !important;font-weight:600 !important;color:var(--kpuw-dark) !important;
  padding:13px 14px 0 14px !important;line-height:1.35 !important;min-height:38px;
}
.woocommerce ul.products li.product .price{
  padding:8px 14px 0 14px !important;font-size:15px !important;font-weight:700 !important;
  color:var(--kpuw-dark) !important;display:flex !important;gap:8px !important;
  align-items:center !important;flex-wrap:wrap !important;
}
.woocommerce ul.products li.product .price del{color:var(--kpuw-muted) !important;font-size:13px !important;opacity:.7 !important}
.woocommerce ul.products li.product .price ins{text-decoration:none !important;color:var(--kpuw-dark) !important;font-weight:800 !important}
.woocommerce ul.products li.product .woocommerce-loop-product__link img,
.woocommerce ul.products li.product img{
  width:100% !important;height:220px !important;object-fit:contain !important;
  background:#fff !important;padding:14px !important;margin:0 !important;
  border-bottom:1px solid var(--kpuw-cream) !important;transition:transform .35s ease !important;
}
.woocommerce ul.products li.product:hover img{transform:scale(1.04)}
.woocommerce ul.products li.product .onsale,
.woocommerce span.onsale{
  background:var(--kpuw-dark) !important;color:#fff !important;border:0 !important;
  border-radius:999px !important;font-size:11px !important;font-weight:700 !important;
  padding:5px 12px !important;top:12px !important;left:12px !important;right:auto !important;
  min-height:auto !important;line-height:1.2 !important;box-shadow:0 4px 10px rgba(51,42,33,.2) !important;
}

/* Botón "Agregar al carrito" */
.woocommerce ul.products li.product .button,
.woocommerce ul.products li.product .add_to_cart_button,
.woocommerce ul.products li.product .product_type_simple,
.woocommerce ul.products li.product .product_type_variable{
  background:var(--kpuw-dark) !important;
  border:1.5px solid var(--kpuw-dark) !important;
  color:#fff !important;
  border-radius:999px !important;
  padding:11px 16px !important;
  font-size:13px !important;font-weight:700 !important;
  text-align:center !important;
  width:calc(100% - 28px) !important;
  margin:12px 14px 0 14px !important;
  display:flex !important;align-items:center !important;justify-content:center !important;
  gap:6px !important;transition:all .2s ease !important;line-height:1.2 !important;
}
.woocommerce ul.products li.product .button:hover,
.woocommerce ul.products li.product .add_to_cart_button:hover{
  background:var(--kpuw-dark-2) !important;border-color:var(--kpuw-dark-2) !important;
  transform:translateY(-1px) !important;box-shadow:0 8px 18px rgba(51,42,33,.22) !important;
}
.woocommerce ul.products li.product .added_to_cart{
  margin:8px 14px 0 14px !important;width:calc(100% - 28px) !important;
  font-size:11.5px !important;text-align:center !important;color:var(--kpuw-dark) !important;
  text-decoration:underline !important;
}

/* -----------------------------------------------------------------
   BOTÓN DE DESEOS — debajo del botón de carrito
   Estados: normal · hover · activo (guardado) · cargando
   ----------------------------------------------------------------- */
.kpu-wish-wrap-loop{
  margin-top:8px !important;text-align:center !important;
  padding:0 14px !important;width:100% !important;
}
.kpu-wish-btn{
  width:100% !important;height:40px !important;
  justify-content:center !important;align-items:center !important;
  display:inline-flex !important;gap:7px !important;
  background:#fff !important;
  border:1.5px solid var(--kpuw-border) !important;
  color:#6B5E52 !important;
  border-radius:999px !important;
  padding:0 14px !important;
  font-size:11.5px !important;font-weight:700 !important;
  transition:all .2s ease !important;
  cursor:pointer !important;
  font-family:inherit !important;
}
.kpu-wish-btn svg{width:16px !important;height:16px !important;flex-shrink:0;transition:transform .25s cubic-bezier(.34,1.56,.64,1)}
.kpu-wish-btn:hover{
  border-color:#E8A6A0 !important;
  background:#FDF4F3 !important;
  color:#B42318 !important;
  transform:translateY(-1px);
  box-shadow:0 6px 14px rgba(180,35,24,.12) !important;
}
.kpu-wish-btn:hover svg{transform:scale(1.15)}
.kpu-wish-btn.active{
  background:var(--kpuw-dark) !important;
  color:#fff !important;
  border-color:var(--kpuw-dark) !important;
}
.kpu-wish-btn.active:hover{
  background:#B42318 !important;border-color:#B42318 !important;
  box-shadow:0 6px 14px rgba(180,35,24,.22) !important;
}
.kpu-wish-btn.active svg{animation:kpuWBHeartPop .35s ease}
@keyframes kpuWBHeartPop{0%{transform:scale(.6)}55%{transform:scale(1.25)}100%{transform:scale(1)}}
.kpu-wish-btn:disabled{opacity:.55 !important;pointer-events:none !important}
.kpu-wish-btn.loading svg{animation:kpuWBSpin .7s linear infinite}
@keyframes kpuWBSpin{to{transform:rotate(360deg)}}

/* Ficha de producto individual: el botón se ve algo más grande */
.single-product .kpu-wish-btn{max-width:280px;margin:0 auto}

/* Títulos de bloques relacionados/recomendados */
.related>h2,.upsells>h2,.cross-sells>h2{
  font-family:Georgia,serif !important;font-size:22px !important;font-weight:600 !important;
  color:var(--kpuw-dark) !important;margin-bottom:20px !important;
}