/* ============================================================
   NIGHTOUT — WooCommerce skin for Elementor Pro
   Covers three surfaces built with Elementor Pro widgets:
     · CART     — “WooCommerce Cart” widget   (.e-cart / native)
     · CHECKOUT — “WooCommerce Checkout” widget (.e-checkout / native)
     · MENU CART — off-canvas “Menu Cart” widget (.elementor-menu-cart)
   Brand tokens (--no-*) come from style.css.

   Elementor Pro renders WooCommerce field markup inside its widgets,
   so most rules target STABLE WooCommerce classes (#order_review,
   #shipping_method, .payment_methods, .mini_cart_item …) and work
   regardless of Elementor version. Elementor's own e-* wrappers are
   added where they help. Anything you can set in the widget's Style
   tab (section background, spacing) — do it there; this layer adds
   the brand-specific structure those controls don't expose.
   ============================================================ */

/* ════════════════════════════════════════════════════════════
   A) CART  (Elementor Pro “WooCommerce Cart” widget)
   ════════════════════════════════════════════════════════════ */
.elementor-widget-woocommerce-cart,
.woocommerce-cart .woocommerce {
  --no-_cart: 1;
}

/* page heading */
.woocommerce-cart .entry-title,
.elementor-widget-woocommerce-cart .e-cart__title {
  font-family: var(--no-font-display); text-transform: uppercase;
}

/* the cart line-item table → cards */
.woocommerce-cart table.cart,
.e-cart__products table.shop_table {
  border: 0; border-collapse: separate; border-spacing: 0;
}
.woocommerce-cart table.cart thead,
.e-cart__products table.shop_table thead { display: none; } /* labels not needed in the card layout */

.woocommerce-cart table.cart tr.cart_item,
.e-cart__products tr.cart_item {
  display: grid;
  /* remove (×) | thumb | name+meta | qty stepper | line subtotal */
  grid-template-columns: auto 84px minmax(0, 1fr) auto auto;
  align-items: center;
  gap: 18px;
  background: #fff;
  border: 1.5px solid var(--no-line);
  border-radius: var(--no-radius);
  padding: 16px 18px;
  margin-bottom: 14px;
}
.woocommerce-cart table.cart tr.cart_item td {
  border: 0; padding: 0; background: transparent;
}
/* Hide the redundant unit-price column — the line subtotal column
   already shows the price (and for qty=1 they were identical, which
   made it look as if the price was printed twice). */
.woocommerce-cart table.cart td.product-price,
.e-cart__products tr.cart_item td.product-price {
  display: none;
}

/* mobile: thumb + info on row 1; qty + line subtotal on row 2;
   the × stays in its own narrow first column across both rows */
@media (max-width: 620px) {
  .woocommerce-cart table.cart tr.cart_item,
  .e-cart__products tr.cart_item {
    grid-template-columns: auto 72px 1fr;
    grid-template-areas:
      'remove thumb  name'
      'remove thumb  qty'
      '.      total  total';
    row-gap: 10px;
    column-gap: 14px;
    align-items: start;
    padding: 14px;
  }
  .woocommerce-cart table.cart td.product-remove,
  .e-cart__products tr.cart_item td.product-remove   { grid-area: remove; align-self: center; }
  .woocommerce-cart table.cart td.product-thumbnail,
  .e-cart__products tr.cart_item td.product-thumbnail { grid-area: thumb; }
  .woocommerce-cart table.cart td.product-name,
  .e-cart__products tr.cart_item td.product-name      { grid-area: name; }
  .woocommerce-cart table.cart td.product-quantity,
  .e-cart__products tr.cart_item td.product-quantity  { grid-area: qty; }
  .woocommerce-cart table.cart td.product-subtotal,
  .e-cart__products tr.cart_item td.product-subtotal  { grid-area: total; text-align: right; }
  .woocommerce-cart table.cart td.product-thumbnail img { width: 72px; height: 72px; }
}
.woocommerce-cart table.cart td.product-thumbnail img {
  width: 84px; height: 84px; object-fit: contain;
  background: var(--no-paper); border-radius: 14px;
}
.woocommerce-cart table.cart td.product-name a {
  font-family: var(--no-font-display); font-weight: 700; font-stretch: 108%;
  text-transform: uppercase; color: var(--no-ink); text-decoration: none; font-size: 1.05rem;
}
.woocommerce-cart table.cart td.product-price { color: var(--no-mute); }
.woocommerce-cart table.cart td.product-subtotal {
  font-family: var(--no-font-display); font-weight: 800; color: var(--no-ink); font-size: 1.25rem;
}
.woocommerce-cart table.cart td.product-remove a.remove {
  color: var(--no-mute) !important; font-size: 18px;
}
.woocommerce-cart table.cart td.product-remove a.remove:hover {
  color: #fff !important; background: var(--no-coral) !important;
}
.woocommerce-cart table.cart td.product-quantity .quantity input.qty {
  width: 64px; text-align: center; border-radius: 10px; border: 1.5px solid var(--no-line);
  padding: 10px 6px;
}

/* coupon row */
.woocommerce-cart .coupon { display: flex; gap: 10px; }
.woocommerce-cart .coupon input#coupon_code {
  border-radius: 12px; border: 1.5px solid var(--no-line); padding: 12px 14px;
}

/* cart totals → dark receipt */
.woocommerce-cart .cart_totals,
.e-cart-totals,
.e-cart__totals {
  background: var(--no-ink) !important;
  color: var(--no-white) !important;
  border-radius: var(--no-radius-lg);
  padding: clamp(22px,2.4vw,30px);
}
.woocommerce-cart .cart_totals h2 { color: var(--no-white); }
.woocommerce-cart .cart_totals table { color: var(--no-white); }
.woocommerce-cart .cart_totals table th { color: var(--no-mute); border: 0; }
.woocommerce-cart .cart_totals table td {
  border: 0; border-bottom: 1px solid rgba(255,255,255,.1); color: var(--no-white);
}
.woocommerce-cart .cart_totals .order-total .amount {
  color: var(--no-orange); font-family: var(--no-font-display); font-weight: 800; font-size: 1.5rem;
}
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button { width: 100%; text-align: center; }

/* ════════════════════════════════════════════════════════════
   B) CHECKOUT  (Elementor Pro “WooCommerce Checkout” widget,
      native WooCommerce markup — NO checkout plugin active)

   Safe skin: light cards + option-card shipping/payment + orange
   place-order. It does NOT blanket-paint dark backgrounds, so no
   field text disappears. The order-items table gets the dark
   “receipt” treatment with explicit light text on its descendants.
   ════════════════════════════════════════════════════════════ */

/* ---- FULL-WIDTH FIX ----------------------------------------
   Hello Elementor wraps WooCommerce pages (cart / checkout /
   shop) in its narrow theme content container (~800px), which
   squeezes the Elementor two-column layout (the dark receipt
   and form get crushed). These rules let WC pages span full
   width; each Elementor section keeps its own 1200px boxed
   container, so the layout matches the standalone page.
   ------------------------------------------------------------ */
body.woocommerce-checkout main#content,
body.woocommerce-checkout .site-main,
body.woocommerce-checkout .page-content,
body.woocommerce-cart main#content,
body.woocommerce-cart .site-main,
body.woocommerce-cart .page-content,
body.woocommerce-page main#content,
body.woocommerce-page .site-main,
body.woocommerce-page .page-content,
body.woocommerce-page .entry-content {
  max-width: 100% !important;
  width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* form headings */
.woocommerce-checkout h3,
.woocommerce-checkout #order_review_heading {
  font-family: var(--no-font-display); font-weight: 800;
  text-transform: uppercase; letter-spacing: -0.005em; color: var(--no-ink);
}

/* field group → white cards */
.woocommerce-checkout .woocommerce-billing-fields,
.woocommerce-checkout .woocommerce-shipping-fields,
.woocommerce-checkout .woocommerce-additional-fields {
  background: #fff;
  border: 1.5px solid var(--no-line);
  border-radius: var(--no-radius-lg);
  padding: clamp(20px,2.4vw,30px);
  margin-bottom: 22px;
}

/* ORDER SUMMARY → one cohesive dark “receipt” panel
   (heading + items + shipping + totals + terminal all on ink) */
.woocommerce-checkout #order_review {
  background: var(--no-ink) !important;
  color: var(--no-white);
  border: 0;
  border-radius: var(--no-radius-lg);
  padding: clamp(22px,2.4vw,32px);
  margin-bottom: 22px;
}

/* If Elementor wraps the heading + #order_review in a LIGHT card, darken
   that immediate wrapper too — so it's ONE dark receipt, not a black box
   floating in a white card. `> #order_review` = direct parent only, so it
   never bleeds onto the form column. bg + text paired on the same wrapper,
   so it's self-consistent (either both apply or neither). */
.woocommerce-checkout *:has(> #order_review):not(form):not(.checkout) {
  background: var(--no-ink) !important;
  border: 0 !important;
  border-radius: var(--no-radius-lg) !important;
  padding: clamp(22px,2.4vw,32px) !important;
  color: var(--no-white);
}
.woocommerce-checkout *:has(> #order_review):not(form):not(.checkout) > #order_review {
  background: transparent !important;
  padding: 0 !important;
  margin: 0 !important;
  border-radius: 0 !important;
}
.woocommerce-checkout *:has(> #order_review):not(form):not(.checkout) > #order_review_heading,
.woocommerce-checkout *:has(> #order_review):not(form):not(.checkout) > h3,
.woocommerce-checkout *:has(> #order_review):not(form):not(.checkout) > p,
.woocommerce-checkout *:has(> #order_review):not(form):not(.checkout) > .form-row label,
.woocommerce-checkout *:has(> #order_review):not(form):not(.checkout) > .form-row > label {
  color: var(--no-white) !important;
}
.woocommerce-checkout #order_review_heading,
.woocommerce-checkout #order_review h3,
.woocommerce-checkout #order_review p,
.woocommerce-checkout #order_review label,
.woocommerce-checkout #order_review th {
  color: var(--no-white) !important;
}
.woocommerce-checkout #order_review_heading {
  margin-bottom: 6px;
}
/* robust: ALL text inside the dark panel goes light (orange total excepted),
   so it works regardless of the exact review-table class WooCommerce emits */
.woocommerce-checkout #order_review td,
.woocommerce-checkout #order_review .product-name,
.woocommerce-checkout #order_review .product-total,
.woocommerce-checkout #order_review .cart-subtotal *,
.woocommerce-checkout #order_review .order-total,
.woocommerce-checkout #order_review .amount,
.woocommerce-checkout #order_review a {
  color: var(--no-white) !important;
}
.woocommerce-checkout #order_review .order-total .amount,
.woocommerce-checkout #order_review .includes_tax .amount {
  color: var(--no-orange) !important;
}
/* shipping option cards inside the dark panel */
.woocommerce-checkout #order_review #shipping_method li {
  background: rgba(255,255,255,.05) !important;
  border-color: rgba(255,255,255,.14) !important;
}
.woocommerce-checkout #order_review #shipping_method li:has(input:checked) {
  border-color: var(--no-orange) !important;
  background: rgba(245,160,23,.10) !important;
}
.woocommerce-checkout #order_review #shipping_method li label { color: var(--no-white) !important; }
.woocommerce-checkout #order_review #shipping_method li .amount { color: var(--no-orange) !important; }

/* inputs (style.css already rounds + orange-focuses; cream fill here) */
.woocommerce-checkout .form-row input.input-text,
.woocommerce-checkout .form-row textarea,
.woocommerce-checkout .form-row select,
.woocommerce-checkout .select2-selection {
  background: var(--no-paper) !important;
  border: 1.5px solid var(--no-line) !important;
  border-radius: 12px !important;
  padding: 12px 14px !important;
}
.woocommerce-checkout .form-row label { color: var(--no-ink); font-weight: 600; }
.woocommerce-checkout .select2-selection__rendered { line-height: 1.6 !important; }

/* shipping methods → option cards */
#shipping_method li,
.woocommerce-checkout #shipping_method li {
  list-style: none;
  display: flex; align-items: center; gap: 10px;
  background: var(--no-paper);
  border: 1.5px solid var(--no-line);
  border-radius: 14px;
  padding: 13px 16px;
  margin: 0 0 10px;
}
#shipping_method li:has(input:checked) {
  border-color: var(--no-orange);
  box-shadow: inset 0 0 0 1px var(--no-orange);
  background: #fff;
}
#shipping_method li label { margin: 0; font-weight: 600; }
#shipping_method li .amount { color: var(--no-orange); font-weight: 700; }

/* order-items table → transparent (sits on the dark #order_review panel) */
.woocommerce-checkout-review-order-table {
  background: transparent;
  border-radius: 0;
  border-collapse: separate; border-spacing: 0;
}
.woocommerce-checkout-review-order-table thead th,
.woocommerce-checkout-review-order-table tbody td,
.woocommerce-checkout-review-order-table tfoot th,
.woocommerce-checkout-review-order-table tfoot td,
.woocommerce-checkout-review-order-table .product-name,
.woocommerce-checkout-review-order-table .product-total,
.woocommerce-checkout-review-order-table a {
  color: var(--no-white) !important;
  border-color: rgba(255,255,255,.10) !important;
  padding: 12px 4px;
}
.woocommerce-checkout-review-order-table thead th {
  font-family: var(--no-font-display); text-transform: uppercase;
  font-size: .8rem; letter-spacing: .04em; color: #c9bfae !important;
}
.woocommerce-checkout-review-order-table tfoot th { color: #c9bfae !important; }
.woocommerce-checkout-review-order-table .order-total .amount {
  color: var(--no-orange) !important;
  font-family: var(--no-font-display); font-weight: 800; font-size: 1.4rem;
}
/* shipping radios sometimes render inside the review table */
.woocommerce-checkout-review-order-table #shipping_method li {
  background: rgba(255,255,255,.05); border-color: rgba(255,255,255,.14);
}
.woocommerce-checkout-review-order-table #shipping_method li:has(input:checked) {
  border-color: var(--no-orange); background: rgba(245,160,23,.10);
}
.woocommerce-checkout-review-order-table #shipping_method li label { color: var(--no-white); }

/* payment methods → option cards (kept light = legible) */
#payment, .woocommerce-checkout #payment { background: transparent; border: 0; }
#payment ul.payment_methods {
  border: 0; padding: 0; margin: 0 0 18px;
}
#payment ul.payment_methods li.wc_payment_method {
  background: var(--no-paper);
  border: 1.5px solid var(--no-line);
  border-radius: 14px;
  padding: 14px 16px;
  margin-bottom: 10px;
}
#payment ul.payment_methods li.wc_payment_method:has(input:checked) {
  border-color: var(--no-orange);
  box-shadow: inset 0 0 0 1px var(--no-orange);
  background: #fff;
}
#payment ul.payment_methods li label { color: var(--no-ink); font-weight: 600; margin: 0; }
#payment div.payment_box {
  background: #fff; border-radius: 12px; color: var(--no-mute);
}
#payment div.payment_box::before { border-bottom-color: #fff !important; }

/* safety: if the payment block sits INSIDE the dark #order_review panel
   (some Woo layouts), keep its cards cream + labels ink so nothing vanishes */
.woocommerce-checkout #order_review #payment ul.payment_methods li.wc_payment_method {
  background: var(--no-paper) !important;
}
.woocommerce-checkout #order_review #payment ul.payment_methods li.wc_payment_method:has(input:checked) {
  background: #fff !important;
}
.woocommerce-checkout #order_review #payment ul.payment_methods li label { color: var(--no-ink) !important; }
.woocommerce-checkout #order_review #payment div.payment_box { color: var(--no-mute) !important; }

/* coupon toggle + terms */
.woocommerce-checkout .checkout_coupon .button { width: auto; }
.woocommerce-checkout .woocommerce-terms-and-conditions-wrapper a { color: var(--no-orange); }

/* PLACE ORDER — beat Elementor/global blue with high specificity */
body .woocommerce-checkout #place_order,
body .woocommerce #place_order,
body form.checkout #place_order,
.elementor-widget-woocommerce-checkout-page #place_order {
  background-color: var(--no-orange) !important;
  color: var(--no-ink) !important;
  border: none !important;
  width: 100%;
  border-radius: var(--no-btn-radius) !important;
  font-family: var(--no-font-display) !important;
  font-weight: 800 !important;
  text-transform: uppercase !important;
  letter-spacing: .02em;
  padding: 16px 28px !important;
  box-shadow: 0 8px 0 -2px rgba(0,0,0,.18) !important;
  transition: transform .15s ease, background-color .2s ease;
}
body .woocommerce-checkout #place_order:hover,
body form.checkout #place_order:hover {
  background-color: var(--no-orange-deep) !important;
  transform: translateY(-2px);
}

/* Elementor multi-step nav buttons → orange (next), ghost (prev) */
.e-checkout__step-nav .e-checkout__step-nav__button,
.elementor-widget-woocommerce-checkout-page .e-checkout-steps__button,
.woocommerce-checkout .e-checkout__step-nav button {
  background-color: var(--no-orange) !important;
  color: var(--no-ink) !important;
  border: none !important;
  border-radius: var(--no-btn-radius) !important;
  font-family: var(--no-font-display) !important;
  font-weight: 800 !important;
  text-transform: uppercase !important;
}

/* thank-you page */
.woocommerce-order .woocommerce-thankyou-order-received {
  font-family: var(--no-font-display); font-weight: 800; text-transform: uppercase; color: var(--no-ink);
}
.woocommerce-order .woocommerce-order-overview {
  background: var(--no-ink); color: var(--no-white);
  border-radius: var(--no-radius-lg); padding: 22px 26px; border: 0;
}
.woocommerce-order .woocommerce-order-overview strong { color: var(--no-orange); }

/* brand trust line (from CHECKOUT-SPEC §5) */
.no-checkout-secure { text-align: center; font-family: var(--no-font-body);
  font-size: 13px; letter-spacing: .04em; color: var(--no-mute); text-transform: uppercase; }
.no-checkout-trust { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; }
.no-checkout-trust .t { font-family: var(--no-font-body); font-size: 13px; color: #403a30;
  background: #fff; border: 1px solid var(--no-line); border-radius: 100px; padding: 9px 16px; }

/* ════════════════════════════════════════════════════════════
   C) MENU CART  (Elementor Pro off-canvas “Menu Cart” widget)
   ════════════════════════════════════════════════════════════ */
.elementor-menu-cart__container,
.elementor-menu-cart__main {
  background: var(--no-ink) !important;
  color: var(--no-white) !important;
  font-family: var(--no-font-body);
}
.elementor-menu-cart__container .elementor-menu-cart__close { color: var(--no-white) !important; }
.elementor-menu-cart__container .elementor-menu-cart__close:hover { color: var(--no-orange) !important; }

/* header / count bubble on the toggle */
.elementor-menu-cart__toggle .elementor-button-text,
.elementor-menu-cart__products + * .elementor-menu-cart__subtotal { color: var(--no-white); }
.elementor-menu-cart__toggle .elementor-menu-cart__subtotal,
span.elementor-menu-cart__count {
  background: var(--no-coral) !important; color: #fff !important;
  font-family: var(--no-font-display);
}

/* line items (native mini-cart markup inside the panel) */
.elementor-menu-cart__main .woocommerce-mini-cart__total,
.elementor-menu-cart__main .mini_cart_item {
  border-color: rgba(255,255,255,.1) !important; color: var(--no-white);
}
.elementor-menu-cart__main .mini_cart_item {
  display: flex !important; align-items: flex-start; gap: 13px; padding: 16px 0 !important;
}
.elementor-menu-cart__main .mini_cart_item img {
  width: 56px !important; height: 56px !important; object-fit: contain;
  background: #fff; border-radius: 12px; float: none !important; margin: 0 !important;
}
.elementor-menu-cart__main .mini_cart_item a:not(.remove) {
  color: var(--no-white) !important; font-family: var(--no-font-display);
  font-weight: 700; text-transform: uppercase; font-size: .9rem; line-height: 1.15; text-decoration: none;
}
.elementor-menu-cart__main .mini_cart_item .quantity { color: var(--no-mute); font-size: .85rem; }
.elementor-menu-cart__main .mini_cart_item .quantity .amount { color: var(--no-orange); font-weight: 700; }
.elementor-menu-cart__main .mini_cart_item a.remove {
  position: static !important; margin-left: auto; width: 22px; height: 22px; line-height: 20px;
  color: var(--no-mute) !important; border: 1px solid rgba(255,255,255,.18) !important; border-radius: 50%;
}
.elementor-menu-cart__main .mini_cart_item a.remove:hover {
  color: #fff !important; background: var(--no-coral) !important; border-color: var(--no-coral) !important;
}

/* subtotal + footer buttons */
.elementor-menu-cart__main .woocommerce-mini-cart__total {
  display: flex; justify-content: space-between; align-items: baseline;
  border-top: 1px solid rgba(255,255,255,.12) !important; padding: 16px 0 6px !important; color: var(--no-mute);
}
.elementor-menu-cart__main .woocommerce-mini-cart__total strong {
  font-family: var(--no-font-display); text-transform: uppercase; color: var(--no-white); font-weight: 800;
}
.elementor-menu-cart__main .woocommerce-mini-cart__total .amount {
  font-family: var(--no-font-display); font-weight: 800; color: var(--no-orange) !important; font-size: 1.5rem;
}
.elementor-menu-cart__footer-buttons { display: flex; flex-direction: column; gap: 10px; }
.elementor-menu-cart__footer-buttons .elementor-button {
  width: 100%; justify-content: center; border-radius: var(--no-btn-radius) !important;
  font-family: var(--no-font-display) !important; font-weight: 800 !important; text-transform: uppercase !important;
}
.elementor-menu-cart__footer-buttons .elementor-button--view-cart {
  background: transparent !important; color: var(--no-white) !important; border: 2px solid rgba(255,255,255,.25) !important;
}
.elementor-menu-cart__footer-buttons .elementor-button--view-cart:hover { border-color: var(--no-orange) !important; color: var(--no-orange) !important; }
.elementor-menu-cart__footer-buttons .elementor-button--checkout {
  background: var(--no-orange) !important; color: var(--no-ink) !important;
}

/* free-shipping meter (emitted by functions.php) */
.no-ship-meter { margin: 10px 0 4px; }
.no-ship-meter p { margin: 0 0 8px; font-size: .82rem; color: var(--no-mute); }
.no-ship-meter b { color: var(--no-orange); }
.no-ship-meter .bar { height: 6px; border-radius: 6px; background: rgba(255,255,255,.12); overflow: hidden; }
.no-ship-meter .bar i { display: block; height: 100%; border-radius: 6px; background: var(--no-orange); transition: width .4s; }

/* scrim behind the off-canvas cart */
.elementor-menu-cart--shown .elementor-menu-cart__main::before,
.elementor-menu-cart__container .dialog-lightbox-widget { background: rgba(7,9,10,.6) !important; }

/* ════════════════════════════════════════════════════════════
   D) MY ACCOUNT  (Elementor Pro “My Account” widget / native)
   Tabs, content card, address blocks, login + register forms.
   ════════════════════════════════════════════════════════════ */

/* nav tabs */
.woocommerce-account .woocommerce-MyAccount-navigation ul {
  list-style: none; margin: 0 0 6px; padding: 0;
  display: flex; flex-wrap: wrap; gap: 8px;
}
.woocommerce-account .woocommerce-MyAccount-navigation li a {
  display: inline-block;
  font-family: var(--no-font-display); font-weight: 700; text-transform: uppercase;
  letter-spacing: .01em; font-size: .82rem; text-decoration: none;
  color: var(--no-ink);
  background: #fff; border: 1.5px solid var(--no-line); border-radius: 100px;
  padding: 11px 18px; transition: all .15s ease;
}
.woocommerce-account .woocommerce-MyAccount-navigation li a:hover {
  border-color: var(--no-orange); color: var(--no-orange-deep);
}
.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a {
  background: var(--no-ink); color: var(--no-white); border-color: var(--no-ink);
}

/* content panel */
.woocommerce-account .woocommerce-MyAccount-content {
  background: #fff; border: 1.5px solid var(--no-line);
  border-radius: var(--no-radius-lg); padding: clamp(22px,2.6vw,34px);
  color: #403a30;
}
.woocommerce-account .woocommerce-MyAccount-content a { color: var(--no-orange-deep); }
.woocommerce-account .woocommerce-MyAccount-content mark {
  background: var(--no-paper); color: var(--no-ink); font-weight: 700;
}

/* dashboard + address cards */
.woocommerce-account .woocommerce-Addresses .woocommerce-Address {
  background: var(--no-paper); border: 1.5px solid var(--no-line);
  border-radius: var(--no-radius); padding: 20px 22px;
}
.woocommerce-account .woocommerce-Address-title h3,
.woocommerce-account .woocommerce-MyAccount-content h2,
.woocommerce-account .woocommerce-MyAccount-content h3 {
  font-family: var(--no-font-display); font-weight: 800; text-transform: uppercase;
  color: var(--no-ink); letter-spacing: -.005em;
}

/* orders table → cards-ish */
.woocommerce-account .woocommerce-orders-table,
.woocommerce-account .shop_table {
  border: 0; border-collapse: separate; border-spacing: 0 8px;
}
.woocommerce-account .woocommerce-orders-table th { color: var(--no-mute); border: 0; }
.woocommerce-account .woocommerce-orders-table td {
  background: var(--no-paper); border: 0; padding: 14px 16px;
}
.woocommerce-account .woocommerce-orders-table td.woocommerce-orders-table__cell:first-child { border-radius: 12px 0 0 12px; }
.woocommerce-account .woocommerce-orders-table td.woocommerce-orders-table__cell:last-child { border-radius: 0 12px 12px 0; }

/* login / register forms */
.woocommerce-account .woocommerce-form-login,
.woocommerce-account .woocommerce-form-register,
.woocommerce-account .u-column1.col-1 > .woocommerce-Address,
.woocommerce form.login, .woocommerce form.register {
  background: #fff; border: 1.5px solid var(--no-line);
  border-radius: var(--no-radius-lg); padding: clamp(22px,2.6vw,32px);
}
.woocommerce-account .col2-set .col-1 > h2,
.woocommerce-account .u-columns h2 {
  font-family: var(--no-font-display); font-weight: 800; text-transform: uppercase; color: var(--no-ink);
}
.woocommerce-account .woocommerce-form-login__rememberme { color: var(--no-mute); font-size: .9rem; }
.woocommerce-account .woocommerce-LostPassword a { color: var(--no-orange-deep); }