/*
 * WooCommerce layer. Cart and checkout are FULL markup overrides
 * (woocommerce/cart/cart.php, woocommerce/checkout/form-checkout.php +
 * review-order.php) built entirely from the static export's own real
 * classes (.cart-line, .summary, .field, .btn-solid, …) — they need no
 * WooCommerce-default-table skinning at all. This file only covers WC's
 * own generated elements that don't have a static-export equivalent:
 * notices, the payment-method box, and My Account (no design precedent —
 * see WORDPRESS-CONVERSION-NOTES.md, same reasoning as other projects in
 * this set: safe, on-brand fallback rather than guessed markup).
 */

body .woocommerce-message, body .woocommerce-error, body .woocommerce-info, body .woocommerce-notice {
  list-style: none; border: 0; border-top: 2px solid var(--ink); border-radius: 0;
  background: var(--cream); color: var(--ink); padding: 16px 20px; margin: 0 0 24px;
  font-size: .875rem; line-height: 1.5; display: flex; align-items: center; justify-content: space-between; gap: 16px;
}
body .woocommerce-message::before, body .woocommerce-error::before, body .woocommerce-info::before, body .woocommerce-notice::before { content: none; }
body .woocommerce-error { border-top-color: #b3261e; flex-direction: column; align-items: flex-start; gap: 6px; }
body .woocommerce-error li { margin: 0; padding: 0; list-style: none; }
.woocommerce-notices-wrapper:empty { display: none; }

/* Payment method list + gateway fields, rendered in the left column below billing (inc/checkout.php). */
ul.wc_payment_methods { list-style: none; margin: 16px 0 0; padding: 0; border-top: 1px solid #ddd; }
ul.wc_payment_methods li.wc_payment_method { padding: 14px 0; border-bottom: 1px solid #ddd; }
ul.wc_payment_methods label { font-size: .875rem; color: var(--ink); display: flex; align-items: center; gap: 8px; }
ul.wc_payment_methods input.input-radio { accent-color: var(--gold); }
.payment_box { margin-top: 10px; padding: 14px; background: var(--cream); font-size: .8125rem; color: var(--ink); }
.payment_box p:first-child { margin-top: 0; }
#place_order.btn-solid { margin-top: 20px; width: 100%; }
.woocommerce-terms-and-conditions-wrapper { margin: 16px 0; }

/* My Account — no page in the static export; styled to fit the site's own type/spacing rather than guessed markup. */
.woocommerce-account .woocommerce { display: grid; gap: 32px; }
@media (min-width: 768px) { .woocommerce-account .woocommerce { grid-template-columns: 200px 1fr; } }
.woocommerce-MyAccount-navigation ul { list-style: none; margin: 0; padding: 0; border-top: 1px solid #ddd; }
.woocommerce-MyAccount-navigation li { border-bottom: 1px solid #ddd; }
.woocommerce-MyAccount-navigation li a { display: block; padding: 14px 0; font-size: .875rem; color: var(--ink-soft, #666); text-decoration: none; }
.woocommerce-MyAccount-navigation li.is-active a { color: var(--ink); }
.woocommerce-MyAccount-content { border-top: 1px solid #ddd; padding-top: 20px; }
.woocommerce-form-login .form-row, .woocommerce-form-register .form-row { margin-bottom: 14px; }
.woocommerce-form-login input.input-text, .woocommerce-form-register input.input-text {
  width: 100%; border: 1px solid #ddd; border-radius: 0; padding: 12px 14px; font: inherit; font-size: 15px;
}