/* ============================================
   WOOCOMMERCE OVERRIDES
   Neutralises WooCommerce defaults so theme.css
   Shopify styles remain pixel-perfect
   ============================================ */

/* Remove WooCommerce default wrappers */
.woocommerce-page .woocommerce { max-width: 100%; padding: 0; }
.woocommerce .products { list-style: none; padding: 0; margin: 0; }
.woocommerce ul.products li.product { margin: 0; padding: 0; }

/* Disable WooCommerce default product card styles */
.woocommerce ul.products li.product .price,
.woocommerce ul.products li.product .button,
.woocommerce ul.products li.product h2,
.woocommerce ul.products li.product img { all: unset; }

/* Hide default WC notices styling - we handle our own */
.woocommerce-message,
.woocommerce-info { background: var(--color-bg-card) !important; border: 1px solid var(--color-border) !important; color: var(--color-text) !important; border-radius: var(--radius-sm) !important; padding: 16px !important; margin-bottom: 24px !important; }
.woocommerce-message::before { color: var(--color-accent) !important; }

/* WC Button overrides */
.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button {
  background: var(--color-accent) !important;
  color: #000 !important;
  border: none !important;
  border-radius: var(--radius-sm) !important;
  padding: 12px 24px !important;
  font-weight: 700 !important;
  font-family: var(--font-body) !important;
  cursor: pointer !important;
  transition: background 0.3s !important;
}
.woocommerce #respond input#submit:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover {
  background: #00e0a8 !important;
}

/* Hide default WC breadcrumbs (we render our own) */
.woocommerce .woocommerce-breadcrumb { display: none !important; }

/* Price styling in WC contexts */
.woocommerce div.product p.price,
.woocommerce div.product span.price {
  color: var(--color-accent);
  font-size: 24px;
  font-weight: 800;
}

/* Cart page table */
.woocommerce-cart table.cart {
  background: transparent;
  border-collapse: collapse;
}
.woocommerce-cart table.cart td,
.woocommerce-cart table.cart th {
  border-bottom: 1px solid var(--color-border);
  padding: 16px;
  color: var(--color-text);
}
.woocommerce-cart table.cart th {
  color: var(--color-text-muted);
  font-size: 13px;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

/* Checkout page */
.woocommerce form .form-row label {
  color: var(--color-text);
  font-weight: 600;
}
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.woocommerce form .form-row select {
  background: var(--color-bg-card);
  border: 1px solid var(--color-border);
  color: var(--color-text);
  border-radius: var(--radius-sm);
  padding: 12px 16px;
  font-family: var(--font-body);
}
.woocommerce form .form-row input.input-text:focus,
.woocommerce form .form-row textarea:focus {
  border-color: var(--color-accent);
  outline: none;
  box-shadow: 0 0 0 2px rgba(0, 200, 150, 0.15);
}

/* Sale badge */
.woocommerce span.onsale {
  background: var(--color-accent);
  color: #000;
  border-radius: var(--radius-sm);
  font-weight: 700;
}

/* Star ratings */
.woocommerce .star-rating span { color: var(--color-accent); }

/* Tab panels on product page */
.woocommerce div.product .woocommerce-tabs ul.tabs {
  display: none; /* We use custom tabs */
}

/* Quantity input overrides for WC */
.woocommerce .quantity .qty {
  background: var(--color-bg-card);
  border: 1px solid var(--color-border);
  color: var(--color-text);
  border-radius: var(--radius-sm);
  padding: 8px 12px;
  font-family: var(--font-body);
}

/* Review stars */
.woocommerce #reviews .comment-text { color: var(--color-text); }

/* Related products section hiding (we render our own) */
.woocommerce div.product .related.products { display: none; }

/* Hide default add to cart button on archives */
.woocommerce ul.products li.product .add_to_cart_button { display: none !important; }