/* ============================================================
   Teranga Grill — WooCommerce brand pass (P3b, TASK 5).
   Styled, NOT redesigned: makes the auto-generated cart /
   checkout / account / shop pages sit inside the theme's design
   language (tokens, buttons, tables, notices). No layout or
   functional surgery. Loaded only on WooCommerce pages.
   ============================================================ */

.woo-section { padding-block: var(--space-7, 3rem); }
.woo-wrap { max-width: 1080px; margin-inline: auto; }
.page-hero-slim { padding-block: var(--space-6, 2.5rem) var(--space-4, 1.5rem); }

/* ---------- buttons ---------- */
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit,
.woocommerce .woocommerce-message a.button,
.woocommerce #place_order {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  background: var(--terracotta, #b3420b);
  color: #fff;
  border: 0;
  border-radius: 999px;
  padding: 12px 22px;
  font-weight: 700;
  line-height: 1.1;
  transition: filter .18s ease, transform .18s ease;
}
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce #respond input#submit:hover,
.woocommerce #place_order:hover,
.woocommerce .button.alt:hover {
  filter: brightness(1.06);
  color: #fff;
}
.woocommerce .button.alt,
.woocommerce #place_order { background: var(--green, #3e5022); }
.woocommerce a.button.wc-backward,
.woocommerce .cart .button:not(.alt) {
  background: transparent;
  color: var(--terracotta, #b3420b);
  box-shadow: inset 0 0 0 2px currentColor;
}

/* ---------- tables (cart / order review / account) ---------- */
.woocommerce table.shop_table {
  border: 1px solid var(--line, #e4d9cc);
  border-radius: 14px;
  overflow: hidden;
}
.woocommerce table.shop_table thead th,
.woocommerce table.shop_table tfoot th {
  background: var(--tan, #f6efe4);
  color: var(--ink, #211306);
  font-family: inherit;
}
.woocommerce table.shop_table td,
.woocommerce table.shop_table th { padding: 14px 16px; }

/* Dish Options / variation lines on a cart row. */
.woocommerce .variation,
.woocommerce dl.variation {
  margin: 6px 0 0;
  font-size: var(--fs-caption, .82rem);
  color: var(--text-muted, #6b6459);
}
.woocommerce dl.variation dt { font-weight: 700; }
.woocommerce dl.variation dd { margin: 0 0 2px; }

/* ---------- form fields ---------- */
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.woocommerce .select2-container .select2-selection,
.woocommerce-cart .quantity input.qty {
  border: 1px solid var(--line, #e4d9cc);
  border-radius: 10px;
  padding: 12px 14px;
  font: inherit;
  color: var(--ink, #211306);
  background: #fff;
}
.woocommerce-cart .quantity input.qty { padding: 10px; }

/* ---------- notices ---------- */
.woocommerce-message,
.woocommerce-info,
.woocommerce-error {
  border-radius: 12px;
  border-top: 0;
  border-left: 4px solid var(--green, #3e5022);
  background: var(--tan, #f6efe4);
  color: var(--ink, #211306);
}
.woocommerce-message::before { color: var(--green, #3e5022); }
.woocommerce-info { border-left-color: var(--gold, #b98a2e); }
.woocommerce-error { border-left-color: var(--terracotta, #b3420b); }

/* ---------- totals emphasis ---------- */
.woocommerce .cart_totals h2,
.woocommerce-checkout #order_review_heading {
  font-family: var(--font-display, inherit);
}
.woocommerce .order-total .amount { color: var(--terracotta, #b3420b); }

/* ---------- product loop cards on the shop archive ---------- */
.woocommerce ul.products li.product .price { color: var(--terracotta, #b3420b); font-weight: 700; }
.woocommerce ul.products li.product .mts-mdo-sold-out { color: var(--terracotta, #b3420b); font-weight: 700; }