/* Quote pay page (TODO 00001.5.33): the classic WooCommerce pay-for-order form (checkout/form-pay.php) inside the checkout
   page body, styled to the system components. Single column, 880 max: the ready notice, the itemized quote as a hairline
   table (total row navy), the payment methods on white with a line edge, the Stripe box on mist, and a full width primary
   "Accept quote and pay". Scoped to .p-checkout-body #order_review, which only the pay page renders. */
.p-checkout-body .woocommerce:has(> #order_review) { max-width: 880px; display: flex; flex-direction: column; gap: var(--wp--preset--spacing--70); color: var(--wp--preset--color--ink); }
.p-checkout-body .woocommerce:has(> #order_review) > .woocommerce-notices-wrapper:empty { display: none; }
.p-checkout-body #order_review { display: flex; flex-direction: column; gap: var(--wp--preset--spacing--70); margin: 0; }

/* Items and totals. */
.p-checkout-body #order_review .shop_table {
  width: 100%; margin: 0; border: 0; border-collapse: collapse; border-radius: 0;
  font-size: var(--wp--preset--font-size--body); line-height: 1.5;
}
.p-checkout-body #order_review .shop_table th,
.p-checkout-body #order_review .shop_table td {
  padding: var(--wp--preset--spacing--40) var(--wp--preset--spacing--40) var(--wp--preset--spacing--40) 0; border: 0;
  border-bottom: 1px solid var(--wp--preset--color--line); text-align: left; vertical-align: top; font-weight: 400;
}
.p-checkout-body #order_review .shop_table th:last-child,
.p-checkout-body #order_review .shop_table td:last-child { padding-right: 0; text-align: right; white-space: nowrap; }
.p-checkout-body #order_review .shop_table thead th {
  color: var(--wp--preset--color--slate); font-size: var(--wp--preset--font-size--label); font-weight: var(--wp--custom--font-weight--label);
  letter-spacing: var(--wp--custom--letter-spacing--label); line-height: 1.3; text-transform: uppercase;
  border-top: 1px solid var(--wp--preset--color--line);
}
.p-checkout-body #order_review .shop_table .product-name { color: var(--wp--preset--color--ink); font-weight: 600; }
.p-checkout-body #order_review .shop_table .product-quantity,
.p-checkout-body #order_review .shop_table td.product-quantity strong { color: var(--wp--preset--color--slate); font-weight: 400; }
.p-checkout-body #order_review .shop_table tfoot th { color: var(--wp--preset--color--slate); }
.p-checkout-body #order_review .shop_table tfoot td { color: var(--wp--preset--color--ink); font-weight: 600; }
.p-checkout-body #order_review .shop_table .shipped_via { display: block; color: var(--wp--preset--color--slate); font-size: var(--wp--preset--font-size--small); font-weight: 400; }
.p-checkout-body #order_review .shop_table tfoot tr:last-child th,
.p-checkout-body #order_review .shop_table tfoot tr:last-child td { color: var(--wp--preset--color--navy); font-weight: 700; border-bottom: 2px solid var(--wp--preset--color--navy); }
.p-checkout-body #order_review .shop_table tfoot tr:last-child td { font-size: var(--wp--preset--font-size--h-4); line-height: 1.25; }

/* Payment methods. */
.p-checkout-body #order_review #payment { padding: 0; background: none; border-radius: 0; }
.p-checkout-body #order_review #payment ul.payment_methods {
  margin: 0; padding: 0; list-style: none; background: var(--wp--preset--color--white);
  border: 1px solid var(--wp--preset--color--line); border-radius: var(--wp--custom--radius--default);
}
.p-checkout-body #order_review #payment ul.payment_methods li {
  margin: 0; padding: var(--wp--preset--spacing--50) var(--wp--preset--spacing--60); line-height: 1.5;
  border-top: 1px solid var(--wp--preset--color--line);
}
.p-checkout-body #order_review #payment ul.payment_methods li:first-child { border-top: 0; }
.p-checkout-body #order_review #payment ul.payment_methods li > input { margin: 0 var(--wp--preset--spacing--30) 0 0; accent-color: var(--wp--preset--color--navy); vertical-align: middle; }
.p-checkout-body #order_review #payment ul.payment_methods li > label { display: inline-flex; align-items: center; gap: var(--wp--preset--spacing--30); color: var(--wp--preset--color--ink); font-weight: 600; cursor: pointer; }
.p-checkout-body #order_review #payment ul.payment_methods li > label img { max-height: 24px; margin: 0; }
.p-checkout-body #order_review #payment div.payment_box {
  margin: var(--wp--preset--spacing--50) 0 0; padding: var(--wp--preset--spacing--50); background: var(--wp--preset--color--mist);
  border: 1px solid var(--wp--preset--color--line); border-radius: var(--wp--custom--radius--default);
  color: var(--wp--preset--color--ink); font-size: var(--wp--preset--font-size--small); line-height: 1.5;
}
.p-checkout-body #order_review #payment div.payment_box::before { display: none; }
.p-checkout-body #order_review #payment div.payment_box p { margin: 0 0 var(--wp--preset--spacing--40); }
.p-checkout-body #order_review #payment div.payment_box p:last-child { margin-bottom: 0; }
.p-checkout-body #order_review #payment div.payment_box a { color: var(--wp--preset--color--navy); text-decoration: underline; text-underline-offset: 3px; }
.p-checkout-body #order_review #payment div.payment_box .wc-stripe-copy-test-number { padding: 0; background: none; border: 0; color: inherit; font: inherit; cursor: pointer; }
.p-checkout-body #order_review #payment div.payment_box fieldset { margin: 0; padding: 0; border: 0; }

/* Accept quote and pay: the section 8 primary button, full width. */
.p-checkout-body #order_review #payment .form-row { margin: var(--wp--preset--spacing--70) 0 0; padding: 0; }
.p-checkout-body #order_review #place_order {
  float: none; display: flex; align-items: center; justify-content: center; width: 100%; min-height: var(--wp--custom--control);
  margin: 0; padding: 14px var(--wp--preset--spacing--60); box-sizing: border-box;
  background: var(--wp--preset--color--orange); color: var(--wp--preset--color--navy); border: 1px solid transparent; border-radius: var(--wp--custom--radius--default);
  font-family: inherit; font-size: var(--wp--preset--font-size--button); font-weight: var(--wp--custom--font-weight--button);
  letter-spacing: var(--wp--custom--letter-spacing--button); line-height: 1; text-decoration: none; cursor: pointer;
  box-shadow: inset 0 0 0 999px transparent;
}
.p-checkout-body #order_review #place_order:focus-visible { outline: var(--wp--custom--focus--width) solid var(--wp--preset--color--orange); outline-offset: var(--wp--custom--focus--offset); }
.p-checkout-body #order_review #place_order:active { transform: scale(.98); }
.p-checkout-body #order_review #place_order:disabled { background: var(--wp--preset--color--mist); color: var(--wp--preset--color--slate); border-color: var(--wp--preset--color--line); cursor: default; }
@media (hover: hover) and (pointer: fine) {
  .p-checkout-body #order_review #place_order:not(:disabled):hover { box-shadow: inset 0 0 0 999px var(--wp--custom--alpha--overlay-navy); }
}
@media (max-width: 599.98px) {
  .p-checkout-body #order_review #payment ul.payment_methods li { padding: var(--wp--preset--spacing--50); }
  .p-checkout-body #order_review #payment div.payment_box { padding: var(--wp--preset--spacing--40); }
}
