/* Order confirmation (TODO 00001.5.18), DESIGN-GUIDE section 8 "Order confirmation": check icon 32 px navy, H1, the
   order number as a Readout S, a summary list, a link to My Account. Woo's dynamic order-confirmation blocks. */
.p-order-confirmation { box-sizing: border-box; padding: var(--wp--preset--spacing--110) var(--wp--custom--gutter--desktop); color: var(--wp--preset--color--ink); }
.p-order-confirmation *, .p-order-confirmation *::before, .p-order-confirmation *::after { box-sizing: border-box; }
.p-order-confirmation__inner { max-width: 880px; margin-inline: auto; }
.p-order-confirmation__inner > * { margin-block: 0; }
.p-order-confirmation__check { display: block; width: 32px; height: 32px; color: var(--wp--preset--color--navy); }

.p-order-confirmation__status { margin-top: var(--wp--preset--spacing--70) !important; }
.p-order-confirmation__status h1 {
  margin: 0; color: var(--wp--preset--color--navy); font-size: var(--wp--preset--font-size--h-1); font-weight: var(--wp--custom--font-weight--h-1); line-height: 1.1;
}
.p-order-confirmation__status p { margin: var(--wp--preset--spacing--30) 0 0; max-width: 64ch; color: var(--wp--preset--color--ink); font-size: var(--wp--preset--font-size--body-l); line-height: 1.6; }

/* Summary list: order number first as a Readout S, then date, total, email, payment method in a hairline list. */
.p-order-confirmation__summary { margin-top: var(--wp--preset--spacing--80) !important; }
.p-order-confirmation .wc-block-order-confirmation-summary-list {
  display: grid; grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)); gap: 0; margin: 0; padding: 0; list-style: none;
  border-top: 1px solid var(--wp--preset--color--line); border-bottom: 1px solid var(--wp--preset--color--line);
}
.p-order-confirmation .wc-block-order-confirmation-summary-list-item {
  display: flex; flex-direction: column; gap: var(--wp--preset--spacing--20); min-width: 0; margin: 0; padding: var(--wp--preset--spacing--50) var(--wp--preset--spacing--50) var(--wp--preset--spacing--50) 0;
  border: 0; overflow-wrap: break-word;
}
.p-order-confirmation .wc-block-order-confirmation-summary-list-item__key {
  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, .06em); text-transform: uppercase; line-height: 1.4;
}
.p-order-confirmation .wc-block-order-confirmation-summary-list-item__value { color: var(--wp--preset--color--ink); font-size: var(--wp--preset--font-size--body); font-weight: 600; line-height: 1.4; }
.p-order-confirmation .wc-block-order-confirmation-summary-list-item:first-child .wc-block-order-confirmation-summary-list-item__value {
  color: var(--wp--preset--color--navy); font-size: var(--wp--preset--font-size--readout-s); font-weight: var(--wp--custom--font-weight--readout-s); line-height: 1.05;
}

.p-order-confirmation__block { margin-top: var(--wp--preset--spacing--80) !important; }
.p-order-confirmation__h2 { margin: 0 0 var(--wp--preset--spacing--50); color: var(--wp--preset--color--navy); font-size: var(--wp--preset--font-size--h-3); font-weight: var(--wp--custom--font-weight--h-3); line-height: 1.25; }

/* Totals table: product rows, hairlines, total row navy. */
.p-order-confirmation .wc-block-order-confirmation-totals__table { width: 100%; margin: 0; border-collapse: collapse; border: 0; font-size: var(--wp--preset--font-size--body); }
.p-order-confirmation .wc-block-order-confirmation-totals__table th,
.p-order-confirmation .wc-block-order-confirmation-totals__table td { padding: var(--wp--preset--spacing--40) 0; border: 0; border-bottom: 1px solid var(--wp--preset--color--line); text-align: left; vertical-align: top; }
.p-order-confirmation .wc-block-order-confirmation-totals__table thead th { padding-top: 0; color: var(--wp--preset--color--slate); font-size: var(--wp--preset--font-size--label); font-weight: var(--wp--custom--font-weight--label); text-transform: uppercase; letter-spacing: .06em; }
.p-order-confirmation .wc-block-order-confirmation-totals__table .wc-block-order-confirmation-totals__total,
.p-order-confirmation .wc-block-order-confirmation-totals__table th:last-child { text-align: right; }
.p-order-confirmation .wc-block-order-confirmation-totals__product a { color: var(--wp--preset--color--navy); font-weight: 600; text-decoration: none; }
.p-order-confirmation .wc-block-order-confirmation-totals__table tfoot tr:last-child th,
.p-order-confirmation .wc-block-order-confirmation-totals__table tfoot tr:last-child td { color: var(--wp--preset--color--navy); font-size: var(--wp--preset--font-size--price); font-weight: var(--wp--custom--font-weight--price); border-bottom: 0; }
.p-order-confirmation .wc-block-order-confirmation-totals__table tfoot th { font-weight: 600; }

/* Additional fields (PO number) and addresses: Woo hairline boxes kept, type set to the guide. */
.p-order-confirmation .wc-block-components-additional-fields-list { display: grid; grid-template-columns: max-content 1fr; gap: var(--wp--preset--spacing--30) var(--wp--preset--spacing--60); margin: 0; }
.p-order-confirmation .wc-block-components-additional-fields-list dt { color: var(--wp--preset--color--slate); font-weight: 600; }
.p-order-confirmation .wc-block-components-additional-fields-list dd { margin: 0; color: var(--wp--preset--color--ink); }
.p-order-confirmation__addresses { display: grid; grid-template-columns: 1fr 1fr; gap: var(--wp--preset--spacing--80); }
.p-order-confirmation__addresses .wp-block-woocommerce-order-confirmation-shipping-wrapper:empty { display: none; }
.p-order-confirmation address { margin: 0; padding: 0; border: 0; font-style: normal; line-height: 1.6; overflow-wrap: anywhere; }

/* Gateway instructions (bank transfer, purchase order): the test-mode panel. */
.p-order-confirmation__info { margin-top: var(--wp--preset--spacing--80) !important; }
.p-order-confirmation__info:empty { display: none; }
.p-order-confirmation__info p {
  position: relative; margin: 0; padding: var(--wp--preset--spacing--50) var(--wp--preset--spacing--60) var(--wp--preset--spacing--50) 56px;
  background: var(--wp--preset--color--mist); border: 1px solid var(--wp--preset--color--line); border-radius: var(--wp--custom--radius--default);
}
.p-order-confirmation__info p::before {
  content: ""; position: absolute; left: var(--wp--preset--spacing--60); top: calc(var(--wp--preset--spacing--50) + 2px); width: 20px; height: 20px;
  background: var(--wp--preset--color--navy);
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M10 0a10 10 0 100 20 10 10 0 000-20zm1 15H9V9h2v6zm0-8H9V5h2v2z'/%3E%3C/svg%3E") center / contain no-repeat;
          mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M10 0a10 10 0 100 20 10 10 0 000-20zm1 15H9V9h2v6zm0-8H9V5h2v2z'/%3E%3C/svg%3E") center / contain no-repeat;
}
.p-order-confirmation__info h2, .p-order-confirmation__info .wc-bacs-bank-details-heading { display: none; }

.p-order-confirmation__links { display: flex; flex-wrap: wrap; align-items: center; gap: var(--wp--preset--spacing--60); margin-top: var(--wp--preset--spacing--90) !important; }

@media (max-width: 991.98px) {
  .p-order-confirmation { padding: var(--wp--preset--spacing--100) var(--wp--custom--gutter--tablet); }
}
@media (max-width: 599.98px) {
  .p-order-confirmation { padding: var(--wp--preset--spacing--90) var(--wp--custom--gutter--phone); }
  .p-order-confirmation__addresses { grid-template-columns: 1fr; gap: 0; }
  .p-order-confirmation__block { margin-top: var(--wp--preset--spacing--70) !important; }
  .p-order-confirmation .wc-block-order-confirmation-summary-list { grid-template-columns: 1fr 1fr; }
}