/* Reware catalog — "AliExpress mechanics, Reware soul" (2026-06-24).
   Scoped to WooCommerce archives (shop / category / tag / search).
   Goal: dense, commercial product cards — discount badge, list-vs-sale price,
   fractional stars, sold count, free-shipping tag — in the evergreen/clay/oat
   brand palette with Fraunces + Inter. No red, no glow, no AI-slop. */

:root{
  --rw-star:#C2683F;        /* clay stars — on brand, not generic gold */
  --rw-star-off:#E1DBCC;
}

/* ---- Grid: explicit, responsive, marketplace density (2 → 3 → 5) ---- */
.woocommerce ul.products,
.woocommerce ul.products.columns-4{
  display:grid !important;
  grid-template-columns:repeat(2,1fr); /* mobile base, like AliExpress */
  gap:14px !important;
  margin-bottom:8px;
}
.woocommerce ul.products li.product{
  width:auto !important;
  margin:0 !important;
  float:none !important;
}
@media(min-width:768px){
  .woocommerce ul.products,
  .woocommerce ul.products.columns-4{ grid-template-columns:repeat(3,1fr); gap:18px !important; }
}
@media(min-width:1200px){
  .woocommerce ul.products,
  .woocommerce ul.products.columns-4{ grid-template-columns:repeat(5,1fr); }
}
.woocommerce ul.products li.product{
  padding:10px 10px 12px !important;
  border-radius:12px !important;
  display:flex;
  flex-direction:column;
  position:relative;
  overflow:hidden;
}
.woocommerce ul.products li.product figure{
  margin:0 0 10px;
  border-radius:9px;
  overflow:hidden;
  background:#f1efe7;
}
.woocommerce ul.products li.product img{
  aspect-ratio:1/1 !important;
  width:100%;height:100%;
  object-fit:cover;
  display:block;
  transition:transform .35s ease;
}
.woocommerce ul.products li.product:hover img{ transform:scale(1.04); }

/* ---- Title: 2-line clamp, compact, body font (not serif) for density ---- */
.woocommerce ul.products li.product .woocommerce-loop-product__title{
  font-family:"Inter",system-ui,sans-serif !important;
  font-weight:600 !important;
  font-size:.92rem !important;
  line-height:1.3 !important;
  color:var(--rw-ink) !important;
  margin:0 0 6px !important;
  padding:0 !important;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
  min-height:2.4em;
}
.woocommerce ul.products li.product .woocommerce-loop-product__title a{ color:inherit; }

/* ---- Discount badge (overrides WooCommerce "Sale!" flash) ---- */
.woocommerce ul.products li.product .rw-badge,
.woocommerce span.onsale.rw-badge{
  position:absolute;
  top:16px;left:16px;
  z-index:3;
  background:var(--rw-clay);
  color:#fff;
  font-family:"Geist Mono",ui-monospace,monospace;
  font-weight:600;
  font-size:.72rem;
  letter-spacing:.02em;
  padding:4px 8px;
  border-radius:7px;
  line-height:1;
  margin:0;
  min-height:0;min-width:0;
  box-shadow:0 2px 6px rgba(31,61,43,.18);
}

/* ---- Video marker (▶) for products that carry an AliExpress video ---- */
.woocommerce ul.products li.product .rw-vidbadge{
  position:absolute; top:16px; right:16px; z-index:3;
  width:26px; height:26px; border-radius:50%;
  display:flex; align-items:center; justify-content:center;
  background:rgba(26,28,24,.60); color:#fff; font-size:.58rem;
  backdrop-filter:blur(2px);
  box-shadow:0 2px 6px rgba(0,0,0,.20);
}

/* ---- Injected meta block lives inside span.price (see functions.php) ---- */
.woocommerce ul.products li.product .price{
  display:flex !important;
  flex-direction:column;
  gap:5px;
  margin:0 0 10px !important;
  color:inherit;
  font-size:initial;
}

/* stars + rating + review count */
.rw-rating{ display:flex; align-items:center; gap:6px; }
.rw-stars{ position:relative; display:inline-block; font-size:13px; line-height:1; letter-spacing:1px; }
.rw-stars::before{ content:"★★★★★"; color:var(--rw-star-off); }
.rw-stars i{ position:absolute; left:0; top:0; overflow:hidden; white-space:nowrap; }
.rw-stars i::before{ content:"★★★★★"; color:var(--rw-star); }
.rw-rate{ font-size:.78rem; font-weight:600; color:var(--rw-ink); }
.rw-rev{ font-size:.74rem; color:var(--rw-stone); }

/* price row: list (struck) + now (clay, prominent) */
.woocommerce ul.products li.product .price .rw-priceline{ display:flex; align-items:baseline; gap:8px; flex-wrap:wrap; }
.woocommerce ul.products li.product .price del{
  color:var(--rw-stone);
  opacity:.85;
  font-size:.82rem;
  text-decoration:line-through;
}
.woocommerce ul.products li.product .price del .amount{ font-weight:400; }
.woocommerce ul.products li.product .price ins{
  text-decoration:none;
  background:none;
}
.woocommerce ul.products li.product .price ins .amount,
.woocommerce ul.products li.product .price > .amount{
  font-family:"Fraunces",Georgia,serif;
  font-weight:600;
  font-size:1.18rem;
  color:var(--rw-clay);
}

/* sold + free shipping line */
.rw-subline{ display:flex; align-items:center; gap:8px; flex-wrap:wrap; margin-top:1px; }
.rw-sold{ font-size:.74rem; color:var(--rw-stone); }
.rw-ship{
  font-size:.68rem;
  font-weight:600;
  color:var(--rw-leaf);
  background:#eef2ea;
  border-radius:5px;
  padding:2px 7px;
  letter-spacing:.01em;
}

/* ---- Category meta: demote to a faint kicker so the card breathes ---- */
.woocommerce ul.products li.product .entry-meta{
  margin:0 0 8px !important;
  order:-1;
}
.woocommerce ul.products li.product .entry-meta .meta-categories a{
  font-family:"Geist Mono",ui-monospace,monospace;
  text-transform:uppercase;
  letter-spacing:.06em;
  font-size:.62rem;
  color:var(--rw-stone);
  opacity:.8;
}

/* ---- Add-to-cart: compact, full-width, sits at the bottom ---- */
.woocommerce ul.products li.product .ct-woo-card-actions{ margin-top:auto; }
.woocommerce ul.products li.product .ct-woo-card-actions .button{
  width:100%;
  padding:10px 14px !important;
  font-size:.86rem !important;
  border-radius:8px;
  text-align:center;
}
.woocommerce ul.products li.product .ct-woo-card-actions .added_to_cart{
  display:block;
  text-align:center;
  margin-top:6px;
  font-size:.78rem;
}

/* ---- Result count / ordering bar: quieter ---- */
.woocommerce .woocommerce-result-count,
.woocommerce .woocommerce-ordering select{ font-size:.85rem; color:var(--rw-stone); }

@media(max-width:560px){
  .woocommerce ul.products li.product .woocommerce-loop-product__title{ font-size:.86rem !important; }
  .woocommerce ul.products li.product .price ins .amount,
  .woocommerce ul.products li.product .price > .amount{ font-size:1.05rem; }
}