/* SaleAlToque TEM – Visual Skin
   Solo estilos visuales. No rompe ni reemplaza la lógica del plugin original.
*/
:root{
  --sat-orange:#ff5f00;
  --sat-orange-deep:#ff4d00;
}

/* ===== Ofertas Flash ===== */
#sat-offers .sat-card.oferta{
  border:2px solid var(--sat-orange) !important;
  border-radius:22px !important;
  background:#fff !important;
  box-shadow:0 6px 18px rgba(0,0,0,.06) !important;
}
#sat-offers .sat-card.oferta .img-wrap{ border-radius:18px; overflow:hidden; }
#sat-offers .sat-card.oferta .title{
  margin:6px 0 2px; font-weight:800;
  white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
}
#sat-offers .sat-card.oferta .store{
  margin-top:4px; font-size:13px; color:#6b7280;
  white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
}
#sat-offers .sat-card.oferta .prices{
  display:flex; align-items:baseline; gap:10px; margin-top:6px;
}
#sat-offers .sat-card.oferta .prices .old{ color:#9ca3af; text-decoration:line-through; font-size:14px; }
#sat-offers .sat-card.oferta .prices .now{ color:#e91e63; font-size:22px; font-weight:900; }
#sat-offers .sat-card.oferta .meta-row{
  margin-top:12px; display:flex; flex-direction:column; gap:12px;
}
#sat-offers .sat-card.oferta .timer{
  text-align:center; font-variant-numeric:tabular-nums; padding:10px 14px;
  border:2px dashed var(--sat-orange); border-radius:999px; color:#111; background:#fff;
}
#sat-offers .sat-card.oferta .cta{
  display:block; text-align:center; padding:14px 16px; border-radius:16px;
  background:var(--sat-orange); color:#fff; font-weight:800; letter-spacing:.2px;
  box-shadow:0 4px 0 rgba(0,0,0,.06);
}
#sat-offers .sat-card.oferta .cta:hover,
#sat-offers .sat-card.oferta .cta:focus{ background:var(--sat-orange-deep); text-decoration:none; }

/* ===== Subastas ===== */
#sat-auctions .sat-card.subasta{
  border:2px solid var(--sat-orange) !important;
  border-radius:22px !important;
  background:#fff !important;
  box-shadow:0 6px 18px rgba(0,0,0,.06) !important;
}
#sat-auctions .sat-card.subasta .img-wrap{ border-radius:18px; overflow:hidden; }
#sat-auctions .sat-card.subasta .title{
  margin:6px 0 2px; font-weight:800;
  white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
}
#sat-auctions .sat-card.subasta .store{
  margin-top:4px; font-size:13px; color:#6b7280;
  white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
}
#sat-auctions .sat-card.subasta .bid{ margin-top:6px; font-size:14px; color:#111; }
#sat-auctions .sat-card.subasta .meta-row{
  margin-top:12px; display:flex; flex-direction:column; gap:12px;
}
#sat-auctions .sat-card.subasta .timer{
  text-align:center; font-variant-numeric:tabular-nums; padding:10px 14px;
  border:2px dashed var(--sat-orange); border-radius:999px; color:#111; background:#fff;
}
#sat-auctions .sat-card.subasta .cta.pujar{
  display:block; text-align:center; padding:14px 16px; border-radius:16px;
  background:var(--sat-orange); color:#fff; font-weight:800; letter-spacing:.2px;
  box-shadow:0 4px 0 rgba(0,0,0,.06);
}
#sat-auctions .sat-card.subasta .cta.pujar:hover,
#sat-auctions .sat-card.subasta .cta.pujar:focus{ background:var(--sat-orange-deep); text-decoration:none; }

/* Asegurar 1:1 y que nada “salte” en la info */
#sat-offers .sat-card.oferta .img-wrap,
#sat-auctions .sat-card.subasta .img-wrap{ aspect-ratio:1/1; }
#sat-offers .sat-card.oferta .info,
#sat-auctions .sat-card.subasta .info{ min-height:160px; }
/* Imagen más ancha en Ofertas (4:3), Subastas queda 1:1 */
#sat-offers .sat-card.oferta .img-wrap { aspect-ratio: 4 / 3; }
#sat-auctions .sat-card.subasta .img-wrap { aspect-ratio: 1 / 1; }

/* Diferencia sutil de estilo entre Ofertas y Subastas */
:root{
  --sat-orange:#ff5f00;        /* Ofertas */
  --sat-orange-deep:#ff4d00;
  --sat-violet:#7c3aed;        /* Subastas */
  --sat-violet-deep:#6d28d9;
}

/* Ya tenés el borde naranja en Ofertas; mantenemos */
#sat-offers .sat-card.oferta{ border-color: var(--sat-orange) !important; }
#sat-offers .sat-card.oferta .badge{ background: var(--sat-orange); }

/* Subastas con borde/badge violeta y timer a juego */
#sat-auctions .sat-card.subasta{
  border:2px solid var(--sat-violet) !important;
}
#sat-auctions .sat-card.subasta .badge{
  background: var(--sat-violet);
  color:#fff;
}
#sat-auctions .sat-card.subasta .timer{
  border-color: var(--sat-violet);
}
#sat-auctions .sat-card.subasta .cta.pujar{
  background: var(--sat-violet);
}
#sat-auctions .sat-card.subasta .cta.pujar:hover,
#sat-auctions .sat-card.subasta .cta.pujar:focus{
  background: var(--sat-violet-deep);
}