/* ==========================================================================
   WooCommerce Bridge — maps default Woo output onto tokens.css.
   Scope: only what Woo renders that has no equivalent in the ported design
   classes already (notices, qty inputs, coupon form, order tables, account
   nav fallback for anything not covered by the custom My Account templates).
   ========================================================================== */

.woocommerce, .woocommerce-page { max-width: 1360px; margin-inline: auto; padding-inline: 32px; }

.woocommerce a.button, .woocommerce button.button, .woocommerce input.button,
.woocommerce #respond input#submit, .woocommerce-page a.button, .woocommerce-page button.button {
  font-family: var(--text-button-family);
  font-size: var(--text-button-size);
  letter-spacing: var(--text-button-tracking);
  text-transform: uppercase;
  font-weight: 700;
  background: var(--cta-fill);
  color: var(--cta-text);
  border: none;
  border-radius: var(--radius-pill);
  padding: 14px 26px;
}
.woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover {
  opacity: .88; background: var(--cta-fill); color: var(--cta-text);
}

.woocommerce-message, .woocommerce-error, .woocommerce-info {
  border-top-color: var(--sc-teal-link);
  background: var(--surface-alt);
  color: var(--text-heading);
  font-family: var(--font-sans-ui);
  border-radius: var(--radius-card);
}
.woocommerce-error { border-top-color: var(--cat-sensitivity); }

.woocommerce .quantity .qty {
  border: 1px solid var(--border-hairline);
  border-radius: var(--radius-input);
  padding: 10px 12px;
  font-family: var(--font-sans-ui);
  color: var(--text-heading);
}

.woocommerce .price, .woocommerce ul.products li.product .price {
  color: var(--text-heading); font-family: var(--font-sans-ui); font-weight: 700;
}
.woocommerce del { color: var(--text-muted); opacity: .7; }
.woocommerce ins { text-decoration: none; color: var(--sc-teal-link); }

.woocommerce table.shop_table { border-collapse: collapse; border: none; font-family: var(--font-sans-ui); }
.woocommerce table.shop_table th { border-bottom: 1px solid var(--border-hairline); color: var(--text-muted); font-size: 13px; letter-spacing: 1px; text-transform: uppercase; padding: 16px 12px; }
.woocommerce table.shop_table td { border-bottom: 1px solid var(--border-hairline); padding: 16px 12px; vertical-align: middle; }

.woocommerce .cart .coupon .input-text { border: 1px solid var(--border-hairline); border-radius: var(--radius-input); padding: 12px; font-family: var(--font-sans-ui); }

.woocommerce-MyAccount-navigation ul { list-style: none; padding: 0; margin: 0; }
.woocommerce-MyAccount-navigation li { border-bottom: 1px solid var(--border-hairline); }
.woocommerce-MyAccount-navigation li a { display: block; padding: 12px 0; color: var(--text-heading); font-family: var(--font-sans-ui); }
.woocommerce-MyAccount-navigation li.is-active a { color: var(--sc-teal-link); font-weight: 700; }

.woocommerce .star-rating { color: var(--accent-gold-text); }

.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea, .woocommerce form .form-row select {
  border: 1px solid var(--border-hairline); border-radius: var(--radius-input); padding: 12px; font-family: var(--font-sans-ui); color: var(--text-heading);
}
.woocommerce form .form-row label { color: var(--text-muted); font-size: 14px; }