/* Order details as WooCommerce prints them (order table, customer details,
   Checkout Manager "Order extra" fields) inside a .pma-order-details card.
   Used on the order received page, My Account › view order and order tracking. */

/* Short item name + package, see pma_checkout_item_name() / pma_order_item_name(). */
.pma-item-package { display: block; font-size: 11px; font-weight: 400; color: var(--pma-muted); }

.pma-ui .pma-order-details :is(h2, h3) {
	margin: 0 0 12px; font-size: 17px; line-height: 1.3; letter-spacing: -.3px;
	text-transform: none; color: var(--pma-ink);
}
.pma-ui .pma-order-details section + :is(h2, section),
.pma-ui .pma-order-details table + :is(h2, section) { margin-top: 28px; }
.pma-ui .pma-order-details table {
	width: 100%; margin: 0; border: 0; border-collapse: collapse; font-size: 13px;
}
.pma-ui .pma-order-details table :is(th, td) {
	padding: 12px 0; border: 0; border-bottom: 1px solid var(--pma-line); background: none;
	font-size: 13px; font-weight: 400; line-height: 1.5; text-transform: none; letter-spacing: 0;
	vertical-align: top; text-align: left; color: var(--pma-ink);
}
.pma-ui .pma-order-details table :is(th, td) + :is(th, td) { padding-left: 16px; text-align: right; }
.pma-ui .pma-order-details thead th { padding-top: 0; font-size: 11px; color: var(--pma-muted); }
.pma-ui .pma-order-details tfoot th { color: var(--pma-muted); }
.pma-ui .pma-order-details td.product-name { font-weight: 500; }
.pma-ui .pma-order-details td.product-name a:hover { color: var(--pma-purple); }
.pma-ui .pma-order-details .product-quantity { font-weight: 400; font-size: 11px; color: var(--pma-muted); }
.pma-ui .pma-order-details .wc-item-meta { margin: 4px 0 0; padding: 0; list-style: none; font-size: 11px; font-weight: 400; color: var(--pma-muted); }
.pma-ui .pma-order-details .wc-item-meta li { margin: 0; }
.pma-ui .pma-order-details .wc-item-meta :is(strong, p) { display: inline; margin: 0; font-weight: inherit; }
.pma-ui .pma-order-details .amount { color: inherit; font-weight: inherit; }
.pma-ui .pma-order-details tfoot tr:last-child :is(th, td) { border-bottom: 0; padding-top: 16px; vertical-align: baseline; }
.pma-ui .pma-order-details tfoot tr:last-child td { font-size: 19px; font-weight: 500; letter-spacing: -.3px; }
/* Checkout Manager fields: long labels and account links */
.pma-ui .pma-order-details table:not(.woocommerce-table--order-details) tr:last-child :is(th, td) { border-bottom: 0; }
.pma-ui .pma-order-details table:not(.woocommerce-table--order-details) th { color: var(--pma-muted); width: 45%; }
.pma-ui .pma-order-details table:not(.woocommerce-table--order-details) td { overflow-wrap: anywhere; }
.pma-ui .pma-order-details address {
	margin: 0; padding: 14px 16px; border: 1px solid var(--pma-line); border-radius: 9px;
	font-size: 13px; font-style: normal; line-height: 1.7;
}
.pma-ui .pma-order-details address p { margin: 0; }

/* Checkout Manager prints its "Order extra" heading and table even when the order has no extra fields. */
.pma-ui .pma-order-details table.order_details:not(:has(td)),
.pma-ui .pma-order-details h2:has(+ table.order_details:not(:has(td))) { display: none; }