/* DNAxis — cart, checkout and account in the Data Sheet language. CSS ONLY.
 * The checkout is the classic WooCommerce form; the cart is the Cart block; the account
 * is the classic My Account. Nothing is hidden, removed or reordered: every field, the single
 * "Due Upon Receipt" method, the required terms checkbox and the Place order button stay
 * exactly as WooCommerce renders them — placing the order is what fires Zapier → QuickBooks.
 * Ninja, 16 September 2026.
 */

.woocommerce-cart .site-content,.woocommerce-checkout .site-content,.woocommerce-account .site-content{background:var(--dsx-paper)}

/* ---- shared: type, inputs, buttons ---- */
.woocommerce-cart .entry-content,.woocommerce-checkout .entry-content,.woocommerce-account .entry-content,
.woocommerce-cart .elementor-widget-container,.woocommerce-checkout .elementor-widget-container,.woocommerce-account .elementor-widget-container{font-family:var(--dsx-sans);color:var(--dsx-text)}
.woocommerce-checkout form.checkout,.woocommerce-account .woocommerce{max-width:1240px;margin:0 auto;padding:34px 24px 60px}

.woocommerce form .form-row label,.woocommerce-account .woocommerce-form-row label,
.woocommerce-checkout .woocommerce-billing-fields label,.woocommerce-checkout .woocommerce-shipping-fields label,.woocommerce-checkout .woocommerce-additional-fields label{
  font-family:var(--dsx-mono)!important;font-size:11px!important;text-transform:uppercase;letter-spacing:.08em;color:var(--dsx-muted)!important;font-weight:500!important;margin:0 0 6px!important;
}
.woocommerce form .form-row label.checkbox,.woocommerce form .form-row label.woocommerce-form__label-for-checkbox{font-family:var(--dsx-sans)!important;font-size:14px!important;text-transform:none;letter-spacing:0;color:var(--dsx-text)!important;font-weight:400!important}
.woocommerce form .form-row .required{color:var(--dsx-cyan-ink)}
.woocommerce form .form-row input.input-text,.woocommerce form .form-row textarea,.woocommerce form .form-row select,
.woocommerce .select2-container--default .select2-selection--single,.woocommerce-account .woocommerce-Input{
  border:1px solid var(--dsx-rule)!important;border-radius:0!important;background:var(--dsx-white)!important;padding:11px 12px!important;
  font:400 15px var(--dsx-sans)!important;color:var(--dsx-ink)!important;box-shadow:none!important;height:auto!important;line-height:1.4!important;
}
.woocommerce .select2-container--default .select2-selection--single{padding:8px 12px!important;height:46px!important}
.woocommerce .select2-container--default .select2-selection--single .select2-selection__rendered{line-height:28px!important;color:var(--dsx-ink)!important;padding-left:0!important}
.woocommerce .select2-container--default .select2-selection--single .select2-selection__arrow{height:44px!important}
.woocommerce form .form-row input.input-text:focus,.woocommerce form .form-row textarea:focus,.woocommerce form .form-row select:focus{border-color:var(--dsx-cyan)!important;box-shadow:0 0 0 3px rgba(58,190,255,.18)!important;outline:none}
.woocommerce form .form-row{margin-bottom:14px}
.woocommerce form .form-row-first,.woocommerce form .form-row-last{width:calc(50% - 8px)}

.woocommerce button.button,.woocommerce a.button,.woocommerce input.button,.woocommerce #respond input#submit,
.woocommerce-checkout #place_order,.woocommerce-cart .wc-block-cart__submit-button,.wc-block-components-button{
  background:var(--dsx-navy)!important;color:#fff!important;border:0!important;border-radius:0!important;
  font:600 14px var(--dsx-sans)!important;letter-spacing:.02em;padding:13px 18px!important;line-height:1.3!important;text-transform:none!important;box-shadow:none!important;
}
.woocommerce button.button:hover,.woocommerce a.button:hover,.woocommerce-checkout #place_order:hover,.wc-block-components-button:hover{background:var(--dsx-cyan-ink)!important;color:#fff!important}
.woocommerce-checkout #place_order{width:100%;padding:14px 18px!important;font-size:15px!important}

/* ---- checkout: the theme's own two-column layout (details left, order box right) is kept
   as it was — an earlier grid rule here fought it and squeezed the order box; removed. ---- */
.woocommerce-checkout #customer_details .col-1,.woocommerce-checkout #customer_details .col-2{width:100%!important;float:none!important}
.woocommerce-checkout h3,.woocommerce-checkout #order_review_heading,.woocommerce-checkout .woocommerce-billing-fields h3,.woocommerce-checkout .woocommerce-shipping-fields h3{
  font:600 15px var(--dsx-sans)!important;letter-spacing:.02em;color:var(--dsx-ink)!important;padding:0 0 8px!important;border-bottom:2px solid var(--dsx-ink);margin:0 0 16px!important;text-transform:none!important;
}
.woocommerce-checkout .woocommerce-additional-fields h3{margin-top:22px!important}
.woocommerce-checkout .woocommerce-shipping-fields{margin-top:22px}
/* address-book plugin bits above the form */
.woocommerce-checkout .wc-address-book-manage a,.woocommerce-checkout a[href*="edit-address"]{font-family:var(--dsx-mono);font-size:12px;color:var(--dsx-cyan-ink);text-decoration:none}

/* the order box: same shape as the product page's order box */
.woocommerce-checkout #order_review{background:var(--dsx-white);border:1px solid var(--dsx-rule);border-top:3px solid var(--dsx-cyan);padding:0 20px 8px}
.woocommerce-checkout #order_review_heading{background:var(--dsx-white);border:1px solid var(--dsx-rule);border-bottom:0;border-top:3px solid var(--dsx-cyan);padding:14px 20px 10px!important;margin-bottom:0!important}
.woocommerce-checkout #order_review_heading + #order_review{border-top:0}
.woocommerce-checkout table.shop_table{border:0!important;border-collapse:collapse!important;margin:0!important;font-size:14px}
.woocommerce-checkout table.shop_table th,.woocommerce-checkout table.shop_table td{border:0!important;border-bottom:1px solid var(--dsx-rule)!important;padding:10px 0!important;background:none!important}
.woocommerce-checkout table.shop_table thead th{font-family:var(--dsx-mono);font-weight:500;font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--dsx-muted);border-bottom:1px solid var(--dsx-ink)!important}
.woocommerce-checkout table.shop_table tfoot th{font-family:var(--dsx-mono);font-weight:500;font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--dsx-muted)}
.woocommerce-checkout table.shop_table td.product-total,.woocommerce-checkout table.shop_table tfoot td{text-align:right;font-variant-numeric:tabular-nums;color:var(--dsx-ink)}
.woocommerce-checkout table.shop_table tr.order-total th,.woocommerce-checkout table.shop_table tr.order-total td{border-bottom:0!important;border-top:2px solid var(--dsx-ink)!important;padding-top:12px!important;font-size:16px;font-weight:600;color:var(--dsx-ink);font-family:var(--dsx-sans)}
.woocommerce-checkout table.shop_table .product-quantity{color:var(--dsx-muted);font-family:var(--dsx-mono);font-size:12px}
.woocommerce-checkout table.shop_table .product-name{color:var(--dsx-ink);font-weight:500}

/* payment: the single "Due Upon Receipt" method reads as a statement, not a choice */
.woocommerce-checkout #payment{background:none!important;border-radius:0!important;margin-top:8px}
.woocommerce-checkout #payment ul.payment_methods{border:0!important;padding:0!important;margin:0!important}
.woocommerce-checkout #payment ul.payment_methods li{list-style:none;padding:0}
.woocommerce-checkout #payment ul.payment_methods li label{font-family:var(--dsx-mono)!important;font-size:11px!important;text-transform:uppercase;letter-spacing:.08em;color:var(--dsx-muted)!important;display:block;padding:12px 0 4px!important;margin:0!important}
.woocommerce-checkout #payment div.payment_box{background:var(--dsx-band)!important;border-radius:0!important;color:var(--dsx-ink)!important;font-family:var(--dsx-mono);font-size:12px;line-height:1.6;padding:12px 14px!important;margin:0 0 14px!important}
.woocommerce-checkout #payment div.payment_box::before{display:none!important}
.woocommerce-checkout #payment div.payment_box p{margin:0}
.woocommerce-checkout .woocommerce-terms-and-conditions-wrapper{margin:0 0 14px}
.woocommerce-checkout .woocommerce-terms-and-conditions-wrapper .form-row{margin:0}
.woocommerce-checkout .woocommerce-terms-and-conditions-wrapper label{font:400 13.5px/1.5 var(--dsx-sans)!important;text-transform:none!important;letter-spacing:0!important;color:var(--dsx-text)!important;display:flex;gap:10px;align-items:flex-start}
.woocommerce-checkout .woocommerce-terms-and-conditions-wrapper input[type=checkbox]{width:16px;height:16px;margin:3px 0 0;accent-color:var(--dsx-navy);flex:none}
.woocommerce-checkout .woocommerce-terms-and-conditions-wrapper a{color:var(--dsx-cyan-ink)}
.woocommerce-checkout #payment .place-order{padding:0 0 12px!important;margin:0}

/* ---- cart (block) ---- */
.wc-block-cart{font-family:var(--dsx-sans)}
.wc-block-cart .wc-block-components-product-name{color:var(--dsx-ink);font-weight:500;text-decoration:none}
.wc-block-cart .wc-block-components-product-metadata,.wc-block-cart .wc-block-components-product-details{font-family:var(--dsx-mono);font-size:12px;color:var(--dsx-muted)}
.wc-block-cart table.wc-block-cart-items{border:1px solid var(--dsx-rule);background:var(--dsx-white)}
.wc-block-cart table.wc-block-cart-items th{font-family:var(--dsx-mono);font-weight:500;font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--dsx-muted);border-bottom:1px solid var(--dsx-ink);padding-top:10px!important;padding-bottom:10px!important}
/* the block sets the first and last cells to 0 side padding, so Product sat on the left rule and the
   totals on the right one (Brad, 16 Sep 2026, 4:58 AM: "those texts need to have padding from within that table") */
.wc-block-cart table.wc-block-cart-items th:first-child,.wc-block-cart table.wc-block-cart-items td.wc-block-cart-item__image{padding-left:16px!important}
.wc-block-cart table.wc-block-cart-items th:last-child,.wc-block-cart table.wc-block-cart-items td.wc-block-cart-item__total{padding-right:16px!important}
.wc-block-cart table.wc-block-cart-items td.wc-block-cart-item__image{padding-top:16px!important;padding-bottom:16px!important}
.wc-block-cart table.wc-block-cart-items td.wc-block-cart-item__product,.wc-block-cart table.wc-block-cart-items td.wc-block-cart-item__total{padding-top:16px!important;padding-bottom:16px!important}
.wc-block-cart .wc-block-cart-items .wc-block-cart-items__row{border-bottom:1px solid var(--dsx-rule)}
.wc-block-cart .wc-block-components-quantity-selector{border:1px solid var(--dsx-rule);border-radius:0;font-family:var(--dsx-mono)}
.wc-block-cart .wc-block-components-quantity-selector input{font-family:var(--dsx-mono)}
.wc-block-cart .wc-block-cart__sidebar .wc-block-components-sidebar{background:var(--dsx-white);border:1px solid var(--dsx-rule);border-top:3px solid var(--dsx-cyan);padding:16px 20px}
.wc-block-cart .wc-block-components-totals-item__label{font-family:var(--dsx-mono);font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--dsx-muted)}
.wc-block-cart .wc-block-components-totals-item__value{font-variant-numeric:tabular-nums;color:var(--dsx-ink)}
.wc-block-cart .wc-block-components-totals-footer-item .wc-block-components-totals-item__label,.wc-block-cart .wc-block-components-totals-footer-item .wc-block-components-totals-item__value{font-family:var(--dsx-sans);font-size:16px;font-weight:600;text-transform:none;letter-spacing:0;color:var(--dsx-ink)}
.wc-block-cart .wc-block-components-product-price,.wc-block-cart .wc-block-cart-item__total{font-variant-numeric:tabular-nums;color:var(--dsx-ink)}
.wc-block-cart .wc-block-cart-item__remove-link{font-family:var(--dsx-mono);font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--dsx-faint)}
.wc-block-cart .wc-block-components-radio-control__label,.wc-block-cart .wc-block-components-shipping-rates-control{font-size:14px}
.wc-block-cart .wc-block-components-notice-banner{border-radius:0}

/* ---- my account (classic): the catalogue's shape — a mono rail on the left, the content in a white
   panel with the cyan rule (Brad, 16 Sep 2026, 5:05 AM: "branded and styled like everything else").
   WooCommerce's own navigation renders again since the hand-written menu (with its months-old logout
   nonce and the CSS that hid this one) came off page 3505 the same morning. ---- */
/* the shortcode sits in an Elementor text widget on page 3505, so match the wrapper by what it holds.
   The theme's clearfix ::before on .woocommerce is a grid item too and was taking the first cell, which
   pushed the menu into the content column and the content under it — so the two are placed explicitly. */
.woocommerce-account .woocommerce:has(> .woocommerce-MyAccount-navigation){display:grid;grid-template-columns:248px minmax(0,1fr);grid-template-rows:auto;gap:40px;align-items:start;max-width:1240px;margin:0 auto;padding:6px 0 60px}
.woocommerce-account .woocommerce:has(> .woocommerce-MyAccount-navigation)::before,.woocommerce-account .woocommerce:has(> .woocommerce-MyAccount-navigation)::after{display:none!important;content:none!important}
.woocommerce-account .woocommerce>.woocommerce-MyAccount-navigation{grid-column:1;grid-row:1}
.woocommerce-account .woocommerce>.woocommerce-MyAccount-content{grid-column:2;grid-row:1}
.woocommerce-account .woocommerce-MyAccount-navigation{float:none!important;width:auto!important;position:sticky;top:90px;font-family:var(--dsx-mono);font-size:14px;display:block!important;visibility:visible!important}
/* the menu is a table of rows: white panel, every row padded so no word sits on a rule (Brad, 5:35 AM: "all those words are hard against the left") */
.woocommerce-account .woocommerce-MyAccount-navigation::before{content:"Account";display:block;font-size:12.5px;color:var(--dsx-muted);text-transform:uppercase;letter-spacing:.08em;padding:12px 14px 10px;background:var(--dsx-white);border:1px solid var(--dsx-rule);border-bottom:2px solid var(--dsx-ink)}
.woocommerce-account .woocommerce-MyAccount-navigation ul{list-style:none;margin:0;padding:0}
.woocommerce-account .woocommerce-MyAccount-navigation li{border:1px solid var(--dsx-rule);border-top:0;margin:0;padding:0;background:var(--dsx-white)}
.woocommerce-account .woocommerce-MyAccount-navigation li a{display:block;padding:11px 14px!important;color:var(--dsx-text);text-decoration:none}
.woocommerce-account .woocommerce-MyAccount-navigation li a br{display:none}
.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a{color:var(--dsx-ink);box-shadow:inset 3px 0 0 var(--dsx-cyan)}
.woocommerce-account .woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link--customer-logout{border-top:2px solid var(--dsx-ink)}
.woocommerce-account .woocommerce-MyAccount-content{float:none!important;width:auto!important;background:var(--dsx-white);border:1px solid var(--dsx-rule);border-top:3px solid var(--dsx-cyan);padding:22px 24px 26px;min-width:0}
.woocommerce-account .woocommerce-MyAccount-content>p:first-of-type{margin-top:0}
.woocommerce-account .woocommerce-MyAccount-content a:not(.button){color:var(--dsx-cyan-ink)}
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Address-title h2,.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Address-title h3,.woocommerce-account .woocommerce-MyAccount-content .address_book header h3,.woocommerce-account .woocommerce-MyAccount-content fieldset legend{font:500 11px var(--dsx-mono)!important;text-transform:uppercase;letter-spacing:.08em;color:var(--dsx-muted)!important;border:0!important;padding:0!important;margin:0 0 8px!important}
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Address-title{display:flex;justify-content:space-between;align-items:baseline;gap:12px;border-bottom:1px solid var(--dsx-ink);padding-bottom:6px;margin-bottom:10px}
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Address-title a.edit{font-family:var(--dsx-mono);font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--dsx-cyan-ink);text-decoration:none}
.woocommerce-account .woocommerce-MyAccount-content address{font-style:normal;font-size:14px;line-height:1.6;color:var(--dsx-text)}
.woocommerce-account .woocommerce-MyAccount-content .address_book{margin-top:26px;padding-top:18px;border-top:1px solid var(--dsx-rule)}
.woocommerce-account .woocommerce-MyAccount-content .address_book header{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:8px}
.woocommerce-account .woocommerce-MyAccount-content .wc-address-book-address{border:1px solid var(--dsx-rule);padding:14px 16px;margin:10px 0}
.woocommerce-account .woocommerce-MyAccount-content .wc-address-book-address-default-label{font-family:var(--dsx-mono);font-size:10.5px;text-transform:uppercase;letter-spacing:.06em;padding:2px 6px;border:1px solid var(--dsx-cyan-ink);color:var(--dsx-cyan-ink)}
.woocommerce-account .woocommerce-MyAccount-content .wc-address-book-meta{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}
.woocommerce-account .woocommerce-MyAccount-content .wc-address-book-meta .button,.woocommerce-account .woocommerce-MyAccount-content .add-new-address .button{padding:8px 12px!important;font-size:12.5px!important}
.woocommerce-account .woocommerce-MyAccount-content .wc-address-book-delete,.woocommerce-account .woocommerce-MyAccount-content .wc-address-book-make-default{background:var(--dsx-white)!important;color:var(--dsx-ink)!important;border:1px solid var(--dsx-rule)!important}
.woocommerce-account .woocommerce-MyAccount-content .wc-address-book-delete:hover,.woocommerce-account .woocommerce-MyAccount-content .wc-address-book-make-default:hover{border-color:var(--dsx-cyan-ink)!important;color:var(--dsx-cyan-ink)!important}
.woocommerce-account .woocommerce-MyAccount-content fieldset{border:0;padding:0;margin:22px 0 0}
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-form-row label{display:block}
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-form-row label br,.woocommerce-account .woocommerce-MyAccount-content .woocommerce-form-row br{display:none}
.woocommerce-account .woocommerce-MyAccount-content #account_display_name_description{font-family:var(--dsx-mono);font-size:11.5px;color:var(--dsx-muted);display:block;margin-top:4px}
.woocommerce-account .woocommerce-MyAccount-content #account_display_name_description em{font-style:normal}
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-orders-table__cell-order-status{font-family:var(--dsx-mono);font-size:12px;text-transform:uppercase;letter-spacing:.06em}
/* lost password / reset (reachable logged out, on the same page) */
.woocommerce-account .woocommerce-ResetPassword{max-width:520px;background:var(--dsx-white);border:1px solid var(--dsx-rule);border-top:3px solid var(--dsx-cyan);padding:22px 24px 26px;margin:6px 0 60px}
.woocommerce-account .woocommerce-ResetPassword>p:first-child{margin-top:0;color:var(--dsx-text)}
.woocommerce-account .woocommerce-ResetPassword .woocommerce-form-row{float:none;width:100%}
.woocommerce-account .woocommerce-MyAccount-navigation{font-family:var(--dsx-mono);font-size:12px}
.woocommerce-account .woocommerce-MyAccount-navigation ul{list-style:none;margin:0;padding:0}

.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a,.woocommerce-account .woocommerce-MyAccount-navigation li a:hover{color:var(--dsx-ink)}
.woocommerce-account .woocommerce-MyAccount-content{font-size:15px}
.woocommerce-account .woocommerce-MyAccount-content h2,.woocommerce-account .woocommerce-MyAccount-content h3{font:600 15px var(--dsx-sans)!important;letter-spacing:.02em;color:var(--dsx-ink)!important;padding:0 0 8px;border-bottom:2px solid var(--dsx-ink);margin:0 0 14px!important}
.woocommerce-account table.shop_table{border:1px solid var(--dsx-rule)!important;border-collapse:collapse!important;background:var(--dsx-white);font-size:14px}
.woocommerce-account table.shop_table th{font-family:var(--dsx-mono);font-weight:500;font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--dsx-muted);border:0!important;border-bottom:1px solid var(--dsx-ink)!important;padding:10px 12px!important}
.woocommerce-account table.shop_table td{border:0!important;border-bottom:1px solid var(--dsx-rule)!important;padding:12px!important;vertical-align:middle}
.woocommerce-account table.shop_table .woocommerce-orders-table__cell-order-number a{font-family:var(--dsx-mono);font-size:12px;color:var(--dsx-cyan-ink);text-decoration:none}
.woocommerce-account table.shop_table .woocommerce-orders-table__cell-order-total{font-variant-numeric:tabular-nums;color:var(--dsx-ink);font-weight:600}
.woocommerce-account .woocommerce-MyAccount-content .button{padding:9px 14px!important;font-size:13px!important}
.woocommerce-account .woocommerce-info,.woocommerce-account .woocommerce-message{border-radius:0;border-left:3px solid var(--dsx-cyan);background:var(--dsx-band);color:var(--dsx-ink)}

@media (max-width:960px){
  .woocommerce form .form-row-first,.woocommerce form .form-row-last{width:100%}
  .woocommerce-account .woocommerce:has(> .woocommerce-MyAccount-navigation){grid-template-columns:1fr;gap:24px}
  .woocommerce-account .woocommerce>.woocommerce-MyAccount-navigation{grid-column:1;grid-row:1}
  .woocommerce-account .woocommerce>.woocommerce-MyAccount-content{grid-column:1;grid-row:2}
  .woocommerce-account .woocommerce-MyAccount-navigation{position:static}
  .woocommerce-account .woocommerce-MyAccount-navigation ul{display:flex;flex-wrap:wrap;gap:0 18px}
  .woocommerce-account .woocommerce-MyAccount-navigation ul{border:1px solid var(--dsx-rule);border-top:0;background:var(--dsx-white);padding:4px 6px}
  .woocommerce-account .woocommerce-MyAccount-navigation li{border:0}
  .woocommerce-account .woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link--customer-logout{border-top:0}
  .woocommerce-account .woocommerce-MyAccount-navigation li.is-active a{box-shadow:inset 0 -2px 0 var(--dsx-cyan)}
  .woocommerce-account .woocommerce-MyAccount-content{padding:18px 16px 22px}
}


/* ---- Order History: status, with the tracking number under it (Brad, 16 Sep 2026) ----
   The status column carries the status on its own line and, as soon as ShipStation has written a
   tracking number, the carrier and number beneath it. It stays there once the order is delivered.
   The Total column is the money only; the item count WooCommerce appends is gone (dnaxis-tracking.php). */
.woocommerce-orders-table__cell-order-status{line-height:1.35}
.dsx-ostatus{display:block}
.dsx-track{display:block;margin-top:5px;font-family:var(--dsx-mono);font-size:11.5px;line-height:1.45}
.dsx-track-car{display:inline-block;color:var(--dsx-muted);letter-spacing:.06em;margin-right:6px}
.dsx-track-num a{color:var(--dsx-cyan-ink);text-decoration:none;border-bottom:1px solid var(--dsx-rule)}
.dsx-track-num a:hover{border-bottom-color:var(--dsx-cyan-ink)}
/* on the order's own page the row sits in the totals block, just above Total, and reads on one
   line - left-aligned like Shipping and Total beside it, not floated off on its own. */
.woocommerce-table--order-details tfoot tr th,.woocommerce-table--order-details tfoot tr td{padding:8px 12px}
.dsx-track-detail{margin-top:0;text-align:left;font-size:12.5px}
.dsx-track-detail .dsx-track-car{margin-right:8px}
@media(max-width:600px){ .dsx-track{font-size:11px} }


/* The order number is hidden on the phone by WooCommerce's own responsive rules, so Order History
   on a handset opened with the date and the clinic could not tell which order it was looking at.
   Brad asked for Order, Date, Status, Total (16 Sep 2026) - so the order number back on the phone. */
@media(max-width:768px){
  .woocommerce-account table.shop_table tr > .woocommerce-orders-table__cell-order-number{
    display:block!important;text-align:right;padding:10px 12px}
  .woocommerce-account table.shop_table tr > .woocommerce-orders-table__cell-order-number::before{
    content:attr(data-title) ": ";float:left;font-weight:600;font-family:var(--dsx-mono);
    font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:var(--dsx-ink)}
}

/* Address Book buttons sat off-centre (weekly audit, 30 Sep 2026): WordPress's autop puts <br>s inside and between the
   Address Book plugin's buttons, so "Add New Shipping Address" carried a line break above its label and the default
   card's "Edit" was stretched to the height of the hidden buttons' line. Hide those <br>s and centre each label. */
.woocommerce-account .woocommerce-MyAccount-content .wc-address-book-meta,.woocommerce-account .woocommerce-MyAccount-content .add-new-address{align-items:center}
.woocommerce-account .woocommerce-MyAccount-content .wc-address-book-meta br,.woocommerce-account .woocommerce-MyAccount-content .add-new-address br{display:none}
.woocommerce-account .woocommerce-MyAccount-content .wc-address-book-meta .button,.woocommerce-account .woocommerce-MyAccount-content .add-new-address .button{display:inline-flex;align-items:center;justify-content:center;line-height:1.3;vertical-align:middle}