/* =========================================================
   WooCommerce overrides - Santa Elena (sin Elementor)
   Tarjeta de producto canonica + ficha de origen + botones.
   Usa tokens de style.css / theme.json.
   ========================================================= */

/* ---------- TARJETA DE PRODUCTO (tienda, destacados, relacionados) ---------- */
ul.products li.product{
  background:var(--se-blanco);
  border:1px solid var(--se-linea);
  border-radius:2px;
  padding:var(--s3);
  display:flex; flex-direction:column;
  transition:transform .25s ease, box-shadow .25s ease;
}
ul.products li.product:hover{
  transform:translateY(-3px);
  box-shadow:0 10px 28px rgba(23,23,23,.08);
}
ul.products li.product img{
  aspect-ratio:4/5; object-fit:cover; width:100%;
  margin-bottom:var(--s2);
}
ul.products li.product .woocommerce-loop-product__title{
  font-family:var(--se-fuente-titular);
  font-size:1.25rem; line-height:1.05; color:var(--se-negro);
  /* titulos largos no descuadran: 2 lineas */
  display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;
  overflow:hidden; min-height:2.6em;
  padding:0;
}
ul.products li.product .price{
  color:var(--se-negro); font-weight:600; margin-top:auto;
}
ul.products li.product .price del{color:var(--se-gris); font-weight:400;}

/* badge opcional (MAS VENDIDO / MICROLOTE / EDICION LIMITADA) */
.se-badge{
  position:absolute; top:var(--s2); right:var(--s2);
  background:var(--se-acento); color:var(--se-crema);
  font-family:var(--se-fuente-cuerpo); font-weight:600;
  font-size:.7rem; letter-spacing:.04em; text-transform:uppercase;
  padding:4px 10px; border-radius:2px;
}

/* ---------- BOTONES ---------- */
.woocommerce a.button, .woocommerce button.button,
.woocommerce .single_add_to_cart_button, .wp-block-button__link{
  background:var(--se-acento); color:var(--se-crema);
  border:none; border-radius:2px;
  font-family:var(--se-fuente-cuerpo); font-weight:600; letter-spacing:.02em;
  padding:.8em 1.6em;
}
.woocommerce a.button:hover, .woocommerce button.button:hover,
.woocommerce .single_add_to_cart_button:hover, .wp-block-button__link:hover{
  background:var(--se-acento-soft); color:var(--se-negro);
}
@media (max-width:767px){
  .woocommerce a.button, .woocommerce button.button, .single_add_to_cart_button{
    min-height:48px; display:inline-flex; align-items:center; justify-content:center;
  }
  ul.products li.product{margin-bottom:var(--s3);}
}

/* ---------- PAGINA DE PRODUCTO ---------- */
.woocommerce div.product .product_title{
  font-family:var(--se-fuente-titular); line-height:1; margin-bottom:var(--s2);
}
.woocommerce div.product p.price, .woocommerce div.product span.price{
  color:var(--se-negro); font-weight:600;
}
.woocommerce-product-gallery img{aspect-ratio:1/1; object-fit:cover;}

/* ---------- FICHA DE ORIGEN (render dinamico desde campos) ---------- */
.se-ficha{
  margin-top:var(--s3); padding-top:var(--s3);
  border-top:1px solid var(--se-linea);
}
.se-ficha__titulo{
  font-family:var(--se-fuente-titular); font-size:1.3rem;
  margin:0 0 var(--s2);
}
.se-ficha__lista{margin:0;}
.se-ficha__fila{
  display:flex; gap:var(--s2);
  padding:8px 0; border-bottom:1px solid var(--se-linea);
}
.se-ficha__fila:last-child{border-bottom:none;}
.se-ficha__fila dt{
  flex:0 0 38%; color:var(--se-gris);
  font-weight:500; margin:0;
}
.se-ficha__fila dd{
  flex:1; margin:0; color:var(--se-negro);
}

/* ---------- LIMPIEZA DE ACENTOS FUERA DE MARCA ---------- */
/* matar teal/amarillo heredados; el color lo pone la foto y el acento cafe */
.woocommerce span.onsale{
  background:var(--se-acento); color:var(--se-crema);
  border-radius:2px;
}