/* ═══════════════════════════════════════════════════════════════════════════
   Szczegóły zamówienia — arkusz WSPÓLNY
   Szablony `order/order-details.php`, `order-details-item.php`
   i `order-details-customer.php` rysują to samo w dwóch miejscach:
   na stronie „zamówienie otrzymane” i w „Moim koncie” przy podglądzie
   zamówienia. Dlatego reguły siedzą osobno i wchodzą na obu stronach
   (straże w functions.php), a selektory zaczepiają się o `.dm-tresc`
   i klasy samych bloków, nie o opakowanie konkretnej strony.
   ═══════════════════════════════════════════════════════════════════════════ */

.dm-tresc .woocommerce-order-details,
.dm-tresc .woocommerce-customer-details{margin:36px 0 0}
.dm-tresc .woocommerce-order-details__title,
.dm-tresc .woocommerce-column__title{margin:0 0 16px;font-size:22px;font-weight:500;color:var(--ink)}

.woocommerce .dm-tresc table.shop_table.order_details,
.dm-tresc table.order_details{
	display:block;width:100%;margin:0;border:0;border-radius:0;border-collapse:collapse;
}
.dm-tresc table.order_details thead,
.dm-tresc table.order_details tbody,
.dm-tresc table.order_details tfoot{display:block;width:100%}
.dm-tresc table.order_details tr{
	display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 16px;
	padding:14px 0;border-bottom:1px solid var(--linia);
}
.woocommerce .dm-tresc table.shop_table.order_details th,
.woocommerce .dm-tresc table.shop_table.order_details td,
.dm-tresc table.order_details th,
.dm-tresc table.order_details td{padding:0;border:0;background:none;vertical-align:top}
.dm-tresc table.order_details thead th{
	font-size:12px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;
	color:var(--tekst);text-align:left;
}
.dm-tresc table.order_details thead th.product-total{text-align:right}
.dm-tresc table.order_details td.product-name{font-size:16px;line-height:1.45;color:var(--ink)}
.dm-tresc table.order_details td.product-name a{color:var(--ink);text-decoration:none}
.dm-tresc table.order_details td.product-name a:hover{text-decoration:underline;text-underline-offset:3px}
.dm-tresc table.order_details td.product-total{text-align:right;font-size:15px;font-weight:600;color:var(--ink);white-space:nowrap}
.dm-tresc table.order_details .wc-item-meta,
.dm-tresc table.order_details .variation{
	margin:6px 0 0;padding:0;list-style:none;font-size:14px;line-height:1.5;color:var(--tekst);
}
.dm-tresc table.order_details .wc-item-meta li{margin:0;display:block}
.dm-tresc table.order_details .wc-item-meta strong{font-weight:400}
.dm-tresc table.order_details .wc-item-meta p{display:inline;margin:0;color:var(--mocny)}
.dm-tresc table.order_details .product-quantity{color:var(--tekst);font-weight:600}
.dm-tresc table.order_details tfoot th{
	font-size:15px;font-weight:400;color:var(--tekst);text-align:left;
}
.dm-tresc table.order_details tfoot td{text-align:right;font-size:16px;color:var(--ink)}
.dm-tresc table.order_details tfoot tr:last-child{border-bottom:0;padding-top:16px;align-items:baseline}
.dm-tresc table.order_details tfoot tr:last-child th{font-size:16px;font-weight:500;color:var(--ink)}
.dm-tresc table.order_details tfoot tr:last-child td{font-size:20px;font-weight:600}

/* Adresy */
.dm-tresc .woocommerce-customer-details .woocommerce-columns{
	display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;
}
/* Kolumny adresów mają od WooCommerce `float:left; width:48%` — w siatce float
   nic nie robi, ale szerokość 48% zostaje i adresy kurczą się do połowy pola. */
.woocommerce .dm-tresc .woocommerce-customer-details .woocommerce-columns .col-1,
.woocommerce .dm-tresc .woocommerce-customer-details .woocommerce-columns .col-2,
.dm-tresc .woocommerce-customer-details .woocommerce-column{float:none;width:auto;margin:0}
.dm-tresc .woocommerce-customer-details .woocommerce-columns::before,
.dm-tresc .woocommerce-customer-details .woocommerce-columns::after{content:none;display:none}
.dm-tresc .woocommerce-customer-details address{
	padding:18px 20px;border:1px solid var(--linia);border-radius:12px;background:#fff;
	font-style:normal;font-size:16px;line-height:1.65;color:var(--ink);
}
.dm-tresc .woocommerce-customer-details .woocommerce-customer-details--phone,
.dm-tresc .woocommerce-customer-details .woocommerce-customer-details--email{margin:8px 0 0;padding:0}