/* Native order list and native customer-only order-update timeline. */
.woocommerce-account .woocommerce .woocommerce-orders-table{table-layout:auto}
.woocommerce-account .woocommerce .woocommerce-orders-table :is(th,td){font-size:13px;vertical-align:top;overflow-wrap:anywhere}
.woocommerce-account .dg-order-products{padding:0;margin:0;list-style:none;min-width:100px;max-width:240px}
.woocommerce-account .dg-order-products li+li{margin-top:7px}
.woocommerce-account .dg-order-products span{white-space:nowrap;color:var(--dg-muted)}
.woocommerce-account .dg-account-order>span:nth-child(4){grid-column:1 / -1;justify-self:start;text-align:left;border:0;padding:5px 9px}
.woocommerce-account .dg-order-badge{display:inline-block;max-width:100%;padding:5px 9px;border-radius:999px;background:#f0eaff;color:var(--dg-primary);font-size:12px;font-weight:500;line-height:1.5;white-space:normal;overflow-wrap:normal;word-break:normal;hyphens:none}
/* Reserve complete words for compact states/actions; product names may still wrap freely. */
.woocommerce-account .woocommerce .woocommerce-orders-table :is(th,.woocommerce-orders-table__cell-order-status,.woocommerce-orders-table__cell-dg-access,.woocommerce-orders-table__cell-order-actions){overflow-wrap:normal;word-break:normal}
.woocommerce-account .dg-account-order>.dg-order-badge{overflow-wrap:normal;word-break:normal}
.woocommerce-account .dg-order-badge:is(.dg-order-badge--cancelled,.dg-order-badge--failed,.dg-order-badge--refunded,.dg-order-badge--inactive,.dg-order-badge--expired){background:#f4f1f7;color:#665b72}
.woocommerce-account .woocommerce-orders-table .woocommerce-orders-table__cell-order-actions a.button{display:inline-flex;align-items:center;justify-content:center;min-width:64px;min-height:44px;width:auto;margin:0 5px 5px 0;padding:8px 12px;font-size:13px;white-space:nowrap;overflow-wrap:normal;word-break:normal}
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-OrderUpdates{padding:0;margin:18px 0 24px;list-style:none}
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-OrderUpdates .comment{position:relative;margin:0;padding:0 0 20px 26px;border:0;background:transparent;box-shadow:none}
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-OrderUpdates .comment::before{content:"";position:absolute;left:4px;top:8px;bottom:-8px;width:1px;background:var(--dg-border)}
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-OrderUpdates .comment:last-child::before{bottom:20px}
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-OrderUpdates .comment::after{content:"";position:absolute;left:0;top:7px;width:9px;height:9px;border-radius:50%;background:var(--dg-primary);box-shadow:0 0 0 4px #f0eaff}
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-OrderUpdates .comment .comment_container{padding:14px 16px;border:1px solid var(--dg-border);border-radius:14px;background:#fff}
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-OrderUpdates .comment .meta{margin:0 0 6px;color:var(--dg-muted);font-size:12px;line-height:1.5}
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-OrderUpdates .comment .description{font-size:14px;line-height:1.65;overflow-wrap:anywhere}
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-OrderUpdates .comment .description p{margin:0 0 6px}
@media(min-width:821px) and (max-width:1100px){
 .woocommerce-account .woocommerce .woocommerce-orders-table :is(th,td){padding:10px 8px}
 .woocommerce-account .dg-order-products{min-width:80px}
}
@media(max-width:820.98px){
 /* Own the whole card transition, including 768px where WooCommerce's
    narrower default table breakpoint may not yet apply. Tablet cards continue
    through 820px to avoid squeezing seven columns at the mobile boundary. */
 .woocommerce-account .woocommerce .woocommerce-orders-table thead{display:none}
 .woocommerce-account .woocommerce .woocommerce-orders-table tbody{display:block}
 .woocommerce-account .woocommerce .woocommerce-orders-table tbody td{display:block;text-align:right!important;overflow-wrap:normal;word-break:normal}
 .woocommerce-account .woocommerce .woocommerce-orders-table tbody td::before{content:attr(data-title) ": ";float:left;font-weight:600}
 .woocommerce-account .woocommerce .woocommerce-orders-table tbody th[scope="row"]{display:block!important;width:100%;padding:4px 4px 10px;border:0;border-bottom:1px solid var(--dg-border);background:transparent;text-align:left}
 .woocommerce-account .woocommerce .woocommerce-orders-table tbody th[scope="row"] a{display:inline-flex;align-items:center;min-height:44px;font-size:14px;font-weight:600}
 .woocommerce-account .woocommerce .woocommerce-orders-table tbody tr{display:block;margin-bottom:14px;padding:10px;border:1px solid var(--dg-border);border-radius:16px;background:#fff}
 .woocommerce-account .woocommerce .woocommerce-orders-table tbody td{padding:10px 4px!important;background:transparent!important}
 .woocommerce-account .woocommerce .woocommerce-orders-table td.woocommerce-orders-table__cell-dg-products{display:flex;justify-content:space-between;gap:14px}
 .woocommerce-account .dg-order-products{min-width:0;max-width:65%;text-align:right;overflow-wrap:anywhere}
 .woocommerce-account .woocommerce-orders-table .woocommerce-orders-table__cell-order-actions a.button{margin-top:4px}
 .woocommerce-account .woocommerce-MyAccount-content .woocommerce-OrderUpdates .comment{padding-left:22px}
}