/* ============================================================
   WOOCOMMERCE-OVERRIDES.CSS — SANJAI ANNA ENTERPRISE
   Bridging native WooCommerce templates with Sanjai Anna design system.
   ============================================================ */

/* Archive & Store Layout */
.woocommerce .woocommerce-result-count,
.woocommerce .woocommerce-ordering {
  font-family: var(--sa-font-display);
  font-variation-settings: 'wdth' 70, 'wght' 600;
  font-size: var(--sa-fs-label);
  text-transform: uppercase;
  letter-spacing: .14em;
  color: var(--sa-fg-muted);
}

.woocommerce ul.products {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap: var(--sa-space-6);
  margin: var(--sa-space-7) 0 !important;
  padding: 0 !important;
}

@media (min-width: 640px) {
  .woocommerce ul.products { grid-template-columns: repeat(2, 1fr); }
}
@media (min-width: 1024px) {
  .woocommerce ul.products { grid-template-columns: repeat(4, 1fr); }
}

.woocommerce ul.products li.product {
  width: 100% !important;
  margin: 0 !important;
  float: none !important;
}

/* Single Product */
.woocommerce div.product {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--sa-space-8);
  margin-top: var(--sa-space-7);
}

@media (min-width: 900px) {
  .woocommerce div.product {
    grid-template-columns: repeat(12, 1fr);
  }
  .woocommerce div.product div.images {
    grid-column: 1 / 7 !important;
    width: 100% !important;
  }
  .woocommerce div.product div.summary {
    grid-column: 7 / 13 !important;
    width: 100% !important;
  }
}

.woocommerce div.product .product_title {
  font-family: var(--sa-font-display);
  font-variation-settings: 'wdth' 118, 'wght' 800;
  font-size: var(--sa-fs-h2);
  line-height: var(--sa-lh-h2);
  letter-spacing: -.03em;
  color: var(--sa-fg);
  margin-bottom: var(--sa-space-4);
}

.woocommerce div.product p.price,
.woocommerce div.product span.price {
  font-family: var(--sa-font-display);
  font-variation-settings: 'wdth' 82, 'wght' 750;
  font-variant-numeric: tabular-nums;
  font-size: var(--sa-fs-price);
  color: var(--sa-fg);
}

.woocommerce div.product form.cart .button {
  --_h: clamp(14px, 2.2vw, 26px);
  --_w: calc(var(--_h) * var(--sa-lari));
  display: inline-flex; align-items: center; justify-content: center;
  min-height: 52px; padding: var(--sa-space-4) var(--sa-space-7);
  font-family: var(--sa-font-display);
  font-variation-settings: 'wdth' 88,'wght' 750;
  font-size: var(--sa-fs-body-sm);
  background: var(--sa-cta-bg); color: var(--sa-cta-fg);
  border: 0; border-radius: 0; cursor: pointer;
  clip-path: polygon(0 0, 100% 0, 100% calc(100% - var(--_h)), calc(100% - var(--_w)) 100%, 0 100%);
  transition: background-color var(--sa-dur-micro) var(--sa-ease-out);
}

.woocommerce div.product form.cart .button:hover {
  background: var(--sa-cta-bg-hover);
  color: var(--sa-bg);
}

/* Quantity Field */
.woocommerce .quantity .qty {
  min-height: 52px;
  width: 70px;
  text-align: center;
  font-family: var(--sa-font-display);
  font-variation-settings: 'wdth' 82, 'wght' 750;
  border: 0;
  box-shadow: inset 0 0 0 var(--sa-garis) var(--sa-line);
  background: transparent;
  color: var(--sa-fg);
}

/* Cart & Checkout */
.woocommerce-cart table.cart,
.woocommerce-checkout #order_review {
  border-collapse: collapse;
  width: 100%;
}

.woocommerce-cart table.cart th,
.woocommerce-cart table.cart td,
.woocommerce-checkout #order_review th,
.woocommerce-checkout #order_review td {
  padding: var(--sa-space-4);
  border-bottom: var(--sa-garis) solid var(--sa-line);
}

.woocommerce-message,
.woocommerce-info,
.woocommerce-error {
  border-top: var(--sa-garis-tebal) solid var(--sa-line) !important;
  background: var(--sa-surface) !important;
  color: var(--sa-fg) !important;
  font-family: var(--sa-font-body);
}

.woocommerce-message { border-top-color: var(--sa-merah) !important; }
.woocommerce-info { border-top-color: var(--sa-kuning) !important; }
.woocommerce-error { border-top-color: var(--sa-merah) !important; }