/* =================================================================
   Reblend · WooCommerce: shop cards, product page, cart, checkout
   Uses the tokens from base.css.
   ================================================================= */

/* ---------- shop: product cards ---------- */
.woocommerce ul.products li.product, [data-products] .product {
  background: var(--rb-white);
  border: 1px solid var(--rb-line);
  border-radius: 0;
  padding-bottom: 18px;
  text-align: center;
}
.woocommerce ul.products li.product .woocommerce-loop-product__title { font-size: 19px; font-weight: 700; }
.woocommerce .price, .woocommerce ul.products li.product .price { color: var(--rb-graphite) !important; font-weight: 600; }
.woocommerce span.onsale { background: var(--rb-graphite) !important; color: var(--rb-white) !important; border-radius: 0; }

/* ---------- single product ---------- */
.single-product .product_title { font-size: clamp(28px, 3.2vw, 42px); line-height: 1.15; }
.single-product .summary .price { font-size: 28px; margin: 8px 0 18px; }
.single-product .woocommerce-product-details__short-description { color: var(--rb-mut); font-size: 18px; }
.single-product .woocommerce-product-gallery { background: var(--rb-taupe); }
.single-product .variations select,
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.woocommerce form .form-row select,
.woocommerce .quantity .qty {
  border: 1px solid var(--rb-taupe-d);
  border-radius: 0;
  background: #fff;
  font-family: var(--rb-sans);
}
.single-product .woocommerce-tabs ul.tabs li a { font-weight: 600; }
.single-product .woocommerce-tabs ul.tabs li.active a { color: var(--rb-graphite); border-bottom: 2px solid var(--rb-gold); }

/* ---------- cart & checkout ---------- */
.woocommerce-cart table.shop_table, .woocommerce-checkout table.shop_table,
.woocommerce .cart_totals, .woocommerce-checkout #order_review {
  background: var(--rb-white);
  border: 1px solid var(--rb-line);
  border-radius: 0;
}
.woocommerce-message, .woocommerce-info { border-top-color: var(--rb-gold) !important; background: var(--rb-white); }
.woocommerce-message::before, .woocommerce-info::before { color: var(--rb-gold) !important; }