/* ============================================================================
   ONEEXISTS — WooCommerce overrides (baseline)
   Applies design tokens to Woo's default markup where we haven't yet replaced
   the template. Full template overrides land in Phase 8–10.
   ============================================================================ */

/* Kill Woo's default rounding and shadows */
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt,
.woocommerce #respond input#submit.alt {
  background: rgb(var(--oe-black));
  color: rgb(var(--oe-white));
  font-family: var(--oe-font-body);
  font-size: var(--oe-fs-btn);
  font-weight: var(--oe-fw-medium);
  letter-spacing: var(--oe-ls-wide);
  text-transform: uppercase;
  border-radius: 0;
  border: 1px solid rgb(var(--oe-black));
  padding: 0 2rem;
  height: 3rem;
  line-height: 3rem;
  transition: background-color var(--oe-duration-fast) var(--oe-ease);
}
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover {
  background: rgb(var(--oe-graphite));
  color: rgb(var(--oe-white));
}

/* Product loop card baseline (replaced fully in Phase 8) */
.woocommerce ul.products li.product {
  border: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
  background: transparent !important;
}
.woocommerce ul.products li.product .price {
  font-family: var(--oe-font-body);
  font-size: var(--oe-fs-price);
  font-weight: var(--oe-fw-semi);
  color: rgb(var(--oe-text));
  font-variant-numeric: tabular-nums;
}
.woocommerce ul.products li.product .price del { color: rgb(var(--oe-sale)); opacity: 1; }
.woocommerce ul.products li.product .woocommerce-loop-product__title {
  font-family: var(--oe-font-head);
  font-size: var(--oe-fs-h5);
  font-weight: var(--oe-fw-medium);
  letter-spacing: var(--oe-ls-normal);
  color: rgb(var(--oe-text));
  padding: 0.75rem 0 0.25rem;
}
.woocommerce ul.products li.product a.button {
  display: none; /* jewelry doesn't add-to-cart from the browse tile */
}

/* Sale badge */
.woocommerce span.onsale {
  background: rgb(var(--oe-white));
  color: rgb(var(--oe-black));
  border: 1px solid rgb(var(--oe-black));
  border-radius: 0;
  font-family: var(--oe-font-body);
  font-size: 0.6875rem;
  letter-spacing: var(--oe-ls-extra-wide);
  text-transform: uppercase;
  font-weight: var(--oe-fw-medium);
  padding: 0.25rem 0.5rem;
  line-height: 1;
  min-width: 0;
  min-height: 0;
  top: 1rem;
  left: 1rem;
  right: auto;
}
.woocommerce span.onsale::before { content: ""; }

/* Notices — remove Woo default green/blue backgrounds */
.woocommerce-message,
.woocommerce-info,
.woocommerce-error {
  background: rgb(var(--oe-bg-alt));
  color: rgb(var(--oe-text));
  border-top: 2px solid rgb(var(--oe-black));
  border-radius: 0;
  padding: 1rem 1.25rem;
  font-size: var(--oe-fs-small);
}
.woocommerce-error { border-top-color: rgb(var(--oe-sale)); }
.woocommerce-message::before,
.woocommerce-info::before,
.woocommerce-error::before { color: rgb(var(--oe-black)); }

/* Cart + checkout form fields inherit our field system */
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.woocommerce form .form-row select,
.woocommerce-page form .form-row input.input-text {
  border: var(--oe-border-thin);
  border-radius: var(--oe-radius-sm);
  height: 3rem;
  padding: 0 1rem;
  font-family: var(--oe-font-body);
  font-size: var(--oe-fs-body);
  color: rgb(var(--oe-text));
  background: rgb(var(--oe-white));
}
.woocommerce form .form-row textarea { height: auto; min-height: 8rem; padding: 0.75rem 1rem; }
.woocommerce form .form-row label {
  font-size: var(--oe-fs-caption);
  font-weight: var(--oe-fw-medium);
  letter-spacing: var(--oe-ls-extra-wide);
  text-transform: uppercase;
  color: rgb(var(--oe-text-muted));
}

/* Cart table — remove heavy borders */
.woocommerce-cart table.cart,
.woocommerce table.shop_table {
  border: 0;
  border-collapse: collapse;
  border-radius: 0;
}
.woocommerce table.shop_table th,
.woocommerce table.shop_table td {
  border-top: var(--oe-border-hair);
  padding: 1.25rem 0.5rem;
  font-size: var(--oe-fs-small);
  background: transparent;
}
.woocommerce table.shop_table th {
  font-weight: var(--oe-fw-medium);
  letter-spacing: var(--oe-ls-wide);
  text-transform: uppercase;
  color: rgb(var(--oe-text-muted));
  font-size: var(--oe-fs-caption);
}