/* =========================================================================
   MasnoonHub Express — My Account (v7 "Account & Orders" board), scoped .mh-account
   Ported verbatim from _v7_fresh/design_handoff_masnoonhub/Account & Orders.html
   (sections 06 dashboard, 07 orders, 08 order detail, 10 addresses) + the
   shared primitives from app-screens.css. Wired to real WooCommerce data by the
   woocommerce/myaccount/* template overrides. Every visual selector lives under
   .mh-account so it is inert anywhere that wrapper is absent. The §0 block is the
   only thing that escapes the wrapper — it neutralises Astra's boxed Page chrome
   on body.woocommerce-account, exactly like the cart/checkout builds.
   ========================================================================= */

/* ---------- §0 Astra full-width neutralisation (account is a WP Page) ------- */
.woocommerce-account #secondary{ display:none !important; width:0 !important; }
.woocommerce-account .ast-container{ display:block !important; max-width:1240px !important; }
.woocommerce-account #primary{ width:100% !important; max-width:100% !important; }
.woocommerce-account .site-content,
.woocommerce-account #content,
.woocommerce-account #content > .ast-container,
.woocommerce-account #main,
.woocommerce-account #primary{ padding-top:0 !important; margin-top:0 !important; }
.woocommerce-account .entry-header,
.woocommerce-account .ast-archive-description,
.woocommerce-account .page-title{ display:none !important; }
body.woocommerce-account #content .ast-article-single{
  margin:5px 0 0 !important; padding:0 !important; border:0 !important; background:var(--paper) !important; box-shadow:none !important; }

/* ---------- §1 shell ------------------------------------------------------- */
.mh-account{ font-family:var(--font-body); color:var(--ink);
  background:var(--paper); padding:clamp(12px,2.5vw,24px); }
.mh-account *{ box-sizing:border-box; }
.mh-account .dkwrap{ display:grid; grid-template-columns:220px minmax(0,1fr); gap:20px;
  max-width:1240px; margin:0 auto; align-items:start; }
/* WooCommerce core floats the nav (float:left;width:30%) + content (float:right;width:68%);
   inside the 220px grid cell that made the sidebar 30%*220=66px wide. Neutralise so the
   grid controls the columns. */
.mh-account .woocommerce-MyAccount-navigation,
.mh-account .woocommerce-MyAccount-content{ float:none !important; width:auto !important; margin:0 !important; }
.mh-account .dkwrap__main{ background:#fff; border:1px solid var(--line); border-radius:var(--r-md);
  padding:clamp(16px,2.6vw,24px); min-height:520px; min-width:0; overflow:hidden; }
.mh-account .dkwrap__main h2{ font-family:var(--font-display); font-weight:700; font-size:clamp(20px,3vw,26px);
  margin:0 0 6px; letter-spacing:-.01em; line-height:1.15; }
.mh-account .dkwrap__main .lede{ font-size:14px; color:var(--ink-2); margin:0 0 22px; max-width:60ch; line-height:1.55; }

/* ---------- §2 sidebar nav (desktop) -------------------------------------- */
.mh-account .acct-side{ background:#fff; border:1px solid var(--line); border-radius:var(--r-md);
  padding:6px 0; overflow:hidden; }
.mh-account .acct-side__id{ padding:18px 18px 14px; border-bottom:1px solid var(--line-2); }
.mh-account .acct-side__id .kick{ font-size:11px; font-weight:800; letter-spacing:.1em; color:var(--brand-ink); text-transform:uppercase; }
.mh-account .acct-side__id .nm{ font-family:var(--font-display); font-weight:700; font-size:18px; margin-top:3px; line-height:1.2; }
.mh-account .acct-side__id .ph{ font-size:12px; color:var(--ink-3); margin-top:2px; }
.mh-account .acct-side a{ display:flex; align-items:center; gap:11px; padding:12px 18px;
  color:var(--ink); text-decoration:none; font-size:14px; font-weight:600; border-left:3px solid transparent; }
.mh-account .acct-side a:hover{ background:var(--line-2); }
.mh-account .acct-side a.is-on{ background:var(--brand-soft); color:var(--brand-ink); border-left-color:var(--brand); }
.mh-account .acct-side a svg{ width:18px; height:18px; flex:none; color:var(--ink-3); }
.mh-account .acct-side a.is-on svg{ color:var(--brand); }
.mh-account .acct-side a .n{ margin-left:auto; font-size:11px; background:var(--line-2); color:var(--ink-2);
  padding:1px 7px; border-radius:999px; font-weight:700; }
.mh-account .acct-side a.is-on .n{ background:#fff; color:var(--brand-ink); }
.mh-account .acct-side hr{ border:0; border-top:1px solid var(--line-2); margin:6px 0; }

/* Dokan injects a "Go to Vendor Dashboard" button (its purple .dokan-btn-theme)
   via the woocommerce_account_dashboard hook; rebrand it to the navy back-office. */
.mh-account a.dokan-btn.vendor-dashboard,
.mh-account a.dokan-btn-theme.vendor-dashboard{
  display:inline-flex !important; align-items:center; gap:7px;
  background:var(--navy) !important; border:1px solid var(--navy) !important; color:#fff !important;
  font-family:var(--font-body) !important; font-weight:700 !important; font-size:13px !important;
  padding:10px 16px !important; border-radius:var(--r-pill) !important; text-decoration:none !important;
  box-shadow:none !important; text-shadow:none !important; line-height:1.2 !important; height:auto !important;
  width:auto !important; }
.mh-account a.dokan-btn.vendor-dashboard:hover{ background:var(--navy-deep) !important; }

/* ---------- §3 buttons / chips / cards / links (primitives) ---------------- */
.mh-account .btn{ display:inline-flex; align-items:center; justify-content:center; gap:8px;
  font-family:var(--font-body); font-weight:700; font-size:15px; padding:13px 20px; border-radius:var(--r-pill);
  border:0; cursor:pointer; text-decoration:none; white-space:nowrap; transition:transform .12s ease, background .15s ease; line-height:1; }
.mh-account .btn svg{ width:16px; height:16px; flex:none; }
.mh-account .btn--primary{ background:linear-gradient(180deg,var(--brand-bright),var(--brand)); color:#fff;
  box-shadow:0 6px 16px -6px rgba(224,83,15,.55); }
.mh-account .btn--primary:hover{ color:#fff; }
.mh-account .btn--primary:active{ transform:translateY(1px); }
.mh-account .btn--ghost{ background:transparent; color:var(--ink); border:1.5px solid var(--line); }
.mh-account .btn--ghost:hover{ background:var(--line-2); color:var(--ink); }
.mh-account .btn--full{ width:100%; }
.mh-account .btn--lg{ padding:15px 24px; font-size:16px; }
.mh-account .btn--sm{ padding:9px 14px; font-size:13px; }
.mh-account .btn--sm svg{ width:14px; height:14px; }
.mh-account .btn--danger{ color:var(--red); border:1.5px solid #f5c5c5; background:transparent; }

.mh-account .chip{ display:inline-flex; align-items:center; gap:6px; font-size:11px; font-weight:700; letter-spacing:.02em;
  padding:3px 9px; border-radius:var(--r-pill); text-transform:uppercase; }
.mh-account .chip--brand{ background:var(--brand-soft); color:var(--brand-ink); }
.mh-account .chip--trust{ background:var(--trust-soft); color:var(--trust); }
.mh-account .chip--green{ background:var(--green-soft); color:var(--green); }
.mh-account .chip--ink{ background:var(--line-2); color:var(--ink-2); }

.mh-account .card{ background:#fff; border:1px solid var(--line); border-radius:var(--r-md); padding:18px; }
.mh-account .card + .card{ margin-top:13px; }
.mh-account .card h3{ font-family:var(--font-display); font-weight:700; font-size:17px; margin:0 0 11px; }
.mh-account .lnk{ color:var(--brand-ink); font-weight:700; text-decoration:underline; text-underline-offset:3px; cursor:pointer; }
.mh-account .lnk:hover{ color:var(--brand); }

.mh-account .h-totals{ display:flex; justify-content:space-between; align-items:baseline; padding:7px 0; font-size:13.5px; }
.mh-account .h-totals b{ font-weight:600; color:var(--ink); }
.mh-account .h-totals.is-grand{ border-top:1.5px dashed var(--line); padding-top:13px; margin-top:6px;
  font-size:17px; font-family:var(--font-display); font-weight:700; }
.mh-account .h-totals.is-grand b{ color:var(--brand); }
.mh-account .h-totals .v{ font-variant-numeric:tabular-nums; }

.mh-account .alert{ display:flex; align-items:flex-start; gap:9px; background:var(--red-soft); border:1px solid #f5c5c5;
  padding:11px 13px; border-radius:var(--r-md); color:#7a1010; font-size:13px; line-height:1.45; }
.mh-account .alert.is-warn{ background:#fdf2dc; border-color:#ecc88c; color:#7e5807; }
.mh-account .alert svg{ width:18px; height:18px; flex:none; margin-top:1px; }

/* status chip (shared by dashboard, orders, detail) */
.mh-account .order-status-chip{ font-size:10.5px; font-weight:800; letter-spacing:.04em; padding:3px 8px; border-radius:999px; text-transform:uppercase; white-space:nowrap; }
.mh-account .order-status-chip.pack{ background:var(--brand-soft); color:var(--brand-ink); }
.mh-account .order-status-chip.ship{ background:var(--trust-soft); color:var(--trust); }
.mh-account .order-status-chip.done{ background:var(--green-soft); color:var(--green); }
.mh-account .order-status-chip.due{ background:#fdf2dc; color:#7e5807; }
.mh-account .order-status-chip.dead{ background:var(--line-2); color:var(--ink-2); }

/* glyph (taka mark) */
.mh-account .glyph{ font-weight:600; font-size:.65em; opacity:.85; }

/* ---------- §4 dashboard --------------------------------------------------- */
.mh-account .dash-stats{ display:grid; grid-template-columns:repeat(auto-fit,minmax(150px,1fr)); gap:14px; margin-bottom:24px; }
.mh-account .dstat{ background:#fff; border:1px solid var(--line); padding:18px; border-radius:var(--r-md); }
.mh-account .dstat--navy{ background:linear-gradient(135deg,var(--navy),var(--navy-deep)); color:#fff; border-color:transparent; }
.mh-account .dstat--charity{ background:linear-gradient(135deg,#fdf2dc,#fff); border-color:#ecc88c; }
.mh-account .dstat .k{ font-size:11px; font-weight:800; letter-spacing:.08em; text-transform:uppercase; color:var(--brand-ink); }
.mh-account .dstat--navy .k{ color:#aeb6cb; }
.mh-account .dstat--charity .k{ color:#7e5807; }
.mh-account .dstat .v{ font-family:var(--font-display); font-weight:700; font-size:34px; margin-top:7px; line-height:1; }
.mh-account .dstat--charity .v{ font-size:18px; color:#a07210; line-height:1.3; }
.mh-account .dstat .v .glyph{ font-weight:600; font-size:.5em; opacity:.7; }
.mh-account .dstat .s{ font-size:11px; color:var(--ink-3); margin-top:6px; }
.mh-account .dstat--navy .s{ color:#aeb6cb; }
.mh-account .dstat--charity .s{ color:#7e5807; }

.mh-account .dash-grid{ display:grid; grid-template-columns:1.4fr 1fr; gap:18px; }
.mh-account .dash-grid h3{ font-family:var(--font-display); font-weight:700; font-size:18px; margin:0 0 11px; }
.mh-account .orderbox{ border:1px solid var(--line); border-radius:var(--r-md); overflow:hidden; background:#fff; }

/* order row (compact, dashboard + mobile orders) */
.mh-account .orow{ display:grid; grid-template-columns:54px 1fr auto; gap:11px; padding:14px 16px; align-items:center;
  border-bottom:1px solid var(--line-2); text-decoration:none; color:var(--ink); background:#fff; }
.mh-account .orow:last-child{ border-bottom:0; }
.mh-account .orow:hover{ background:var(--line-2); }
.mh-account .orow .th{ width:54px; height:54px; border-radius:var(--r-sm); background:var(--accent-soft,#f6ead2);
  position:relative; overflow:hidden; border:1px solid var(--line-2); flex:none; }
.mh-account .orow .th img{ position:absolute; inset:0; width:100%; height:100%; object-fit:contain; padding:6%; }
.mh-account .orow .th .ph{ position:absolute; inset:0; background:repeating-linear-gradient(135deg,rgba(0,0,0,.04) 0 4px,transparent 4px 12px); }
.mh-account .orow .th .n{ position:absolute; top:-5px; right:-5px; background:var(--brand); color:#fff; font-size:10px;
  font-weight:700; min-width:18px; height:18px; border-radius:9px; display:grid; place-items:center; padding:0 4px; border:2px solid #fff; }
.mh-account .orow .bd{ min-width:0; }
.mh-account .orow .bd .id{ font-size:11px; font-weight:700; color:var(--ink-3); letter-spacing:.03em; }
.mh-account .orow .bd .ti{ font-size:13.5px; font-weight:600; color:var(--ink); margin-top:1px;
  display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; overflow:hidden; }
.mh-account .orow .bd .sub{ display:flex; align-items:center; gap:9px; margin-top:5px; font-size:11.5px; color:var(--ink-3); flex-wrap:wrap; }
.mh-account .orow .bd .sub b{ color:var(--ink-2); font-weight:600; font-variant-numeric:tabular-nums; }
.mh-account .orow .act{ display:flex; flex-direction:column; align-items:flex-end; gap:7px; }
.mh-account .orow .act .price{ font-family:var(--font-display); font-weight:700; font-size:16px; color:var(--ink); font-variant-numeric:tabular-nums; }

.mh-account .addr-mini{ border:1px solid var(--line); border-radius:var(--r-md); padding:16px; background:#fff; }
.mh-account .addr-mini .nm{ font-weight:700; font-size:14px; }
.mh-account .addr-mini .ln{ font-size:13px; color:var(--ink-2); line-height:1.55; margin-top:4px; }
.mh-account .addr-mini .ph{ font-size:13px; color:var(--ink-3); margin-top:6px; }

/* ---------- §5 order history ---------------------------------------------- */
.mh-account .orders-head{ display:flex; align-items:center; gap:18px; margin-bottom:16px; flex-wrap:wrap; }
.mh-account .orders-head h2{ margin:0; white-space:nowrap; }
.mh-account .orders-tools{ margin-left:auto; display:flex; gap:9px; align-items:center; flex-wrap:wrap; }
.mh-account .orders-tools .search{ position:relative; }
.mh-account .orders-tools .search input{ padding:9px 14px 9px 34px; border:1.5px solid var(--line); border-radius:var(--r-pill);
  font-size:13px; width:240px; max-width:54vw; outline:0; font-family:var(--font-body); }
.mh-account .orders-tools .search svg{ position:absolute; left:12px; top:50%; transform:translateY(-50%); width:14px; height:14px; color:var(--ink-3); }

.mh-account .dord-tabs{ display:flex; gap:0; border-bottom:1px solid var(--line); margin-bottom:18px; overflow-x:auto; scrollbar-width:none; }
.mh-account .dord-tabs::-webkit-scrollbar{ display:none; }
.mh-account .dord-tabs button{ padding:11px 16px; background:transparent; border:0; font-family:var(--font-body);
  font-weight:600; font-size:13.5px; color:var(--ink-3); cursor:pointer; position:relative; white-space:nowrap; }
.mh-account .dord-tabs button.is-on{ color:var(--ink); }
.mh-account .dord-tabs button.is-on::after{ content:""; position:absolute; left:14px; right:14px; bottom:-1px; height:2.5px; background:var(--brand); border-radius:3px 3px 0 0; }
.mh-account .dord-tabs button .n{ display:inline-block; font-size:11px; background:var(--line-2); color:var(--ink-2);
  padding:1px 7px; border-radius:999px; margin-left:5px; font-weight:700; }
.mh-account .dord-tabs button.is-on .n{ background:var(--brand-soft); color:var(--brand-ink); }

.mh-account .dord-row{ display:grid; grid-template-columns:64px minmax(140px,1.4fr) minmax(120px,1fr) auto auto;
  gap:14px; align-items:center; padding:16px 0; border-bottom:1px solid var(--line-2); }
.mh-account .dord-row:last-child{ border-bottom:0; }
.mh-account .dord-row .th{ width:64px; height:64px; border-radius:var(--r-md); background:var(--accent-soft,#f6ead2);
  position:relative; overflow:hidden; border:1px solid var(--line-2); flex:none; }
.mh-account .dord-row .th img{ position:absolute; inset:0; width:100%; height:100%; object-fit:contain; padding:8%; }
.mh-account .dord-row .th .ph{ position:absolute; inset:0; background:repeating-linear-gradient(135deg,rgba(0,0,0,.04) 0 4px,transparent 4px 12px); }
.mh-account .dord-row .info{ min-width:0; }
.mh-account .dord-row .info b{ display:block; font-size:14.5px; font-weight:600; line-height:1.35; margin:2px 0; }
.mh-account .dord-row .info span{ display:block; font-size:12px; color:var(--ink-3); line-height:1.4; }
.mh-account .dord-row .info .id{ font-size:11px; font-weight:700; color:var(--ink-3); letter-spacing:.04em; text-transform:uppercase; }
.mh-account .dord-row .stat{ font-size:12px; color:var(--ink-3); }
.mh-account .dord-row .stat .when{ display:block; margin-top:5px; }
.mh-account .dord-row .price{ font-family:var(--font-display); font-weight:700; font-size:18px; font-variant-numeric:tabular-nums; }
.mh-account .orders-foot{ display:flex; justify-content:space-between; align-items:center; padding:20px 0 0;
  border-top:1px solid var(--line-2); margin-top:14px; gap:12px; flex-wrap:wrap; }
.mh-account .orders-foot .ct{ font-size:13px; color:var(--ink-3); }
.mh-account .woocommerce-pagination ul{ display:flex; gap:7px; list-style:none; margin:0; padding:0; }
.mh-account .woocommerce-pagination a, .mh-account .woocommerce-pagination span{
  display:inline-flex; padding:8px 13px; border:1.5px solid var(--line); border-radius:var(--r-pill); font-size:13px; font-weight:700; text-decoration:none; color:var(--ink); }
.mh-account .woocommerce-pagination .current{ background:var(--brand); color:#fff; border-color:var(--brand); }

/* ---------- §6 empty state ------------------------------------------------- */
.mh-account .emp{ background:#fff; padding:42px 22px; text-align:center; min-height:380px;
  display:flex; flex-direction:column; align-items:center; justify-content:center; }
.mh-account .emp .illu{ width:130px; height:130px; border-radius:50%;
  background:linear-gradient(135deg,var(--brand-soft),#fff); display:grid; place-items:center; margin-bottom:18px; border:1px solid var(--line); }
.mh-account .emp .illu svg{ width:58px; height:58px; color:var(--brand); }
.mh-account .emp h2{ font-family:var(--font-display); font-weight:700; font-size:22px; margin:6px 0; }
.mh-account .emp p{ font-size:14px; color:var(--ink-2); margin:0 0 16px; max-width:34ch; line-height:1.55; }
.mh-account .emp .chips{ display:flex; gap:8px; flex-wrap:wrap; justify-content:center; margin-bottom:18px; }
.mh-account .emp .chips a{ font-size:12px; font-weight:700; padding:7px 13px; background:var(--accent-soft,var(--brand-soft));
  color:var(--accent-ink,var(--brand-ink)); border-radius:999px; text-decoration:none; }

/* ---------- §7 order detail ----------------------------------------------- */
.mh-account .od-head{ display:flex; align-items:center; gap:12px; flex-wrap:wrap; margin-bottom:8px; }
.mh-account .od-head .when{ font-size:13px; color:var(--ink-3); }
.mh-account .od-title{ font-family:var(--font-display); font-weight:700; font-size:24px; margin:0 0 4px; letter-spacing:-.01em; }
.mh-account .od-cod{ font-size:13.5px; color:var(--green); font-weight:700; display:flex; align-items:center; gap:6px; }
.mh-account .od-cod svg{ width:15px; height:15px; }
.mh-account .od-layout{ display:grid; grid-template-columns:minmax(0,1fr) minmax(240px,320px); gap:22px; margin-top:18px; align-items:start; }
.mh-account .od-vendor{ display:flex; align-items:center; gap:10px; padding:0 0 12px; border-bottom:1px dashed var(--line); margin-bottom:10px; }
.mh-account .od-vendor .av{ width:34px; height:34px; border-radius:var(--r-sm); background:linear-gradient(135deg,var(--brand),var(--brand-bright));
  display:grid; place-items:center; color:#fff; font-family:var(--font-display); font-weight:700; font-size:14px; flex:none; }
.mh-account .od-vendor .meta{ flex:1; min-width:0; }
.mh-account .od-vendor .meta b{ font-size:13.5px; font-weight:700; display:block; }
.mh-account .od-vendor .meta span{ font-size:11px; color:var(--ink-3); }
.mh-account .od-vendor .cert{ font-size:9.5px; font-weight:700; color:var(--trust); background:var(--trust-soft);
  padding:3px 7px; border-radius:6px; text-transform:uppercase; letter-spacing:.02em; }
.mh-account .od-item{ display:flex; gap:11px; padding:10px 0; align-items:center; }
.mh-account .od-item:not(:last-child){ border-bottom:1px solid var(--line-2); }
.mh-account .od-item .th{ width:54px; height:54px; border-radius:var(--r-sm); background:var(--accent-soft,#f6ead2);
  position:relative; overflow:hidden; border:1px solid var(--line-2); flex:none; }
.mh-account .od-item .th img{ position:absolute; inset:0; width:100%; height:100%; object-fit:contain; padding:5%; }
.mh-account .od-item .th .ph{ position:absolute; inset:0; background:repeating-linear-gradient(135deg,rgba(0,0,0,.04) 0 4px,transparent 4px 12px); }
.mh-account .od-item .bd{ flex:1; min-width:0; }
.mh-account .od-item .bd .ti{ font-size:13px; font-weight:500; color:var(--ink); line-height:1.3; }
.mh-account .od-item .bd .q{ font-size:11.5px; color:var(--ink-3); margin-top:3px; font-variant-numeric:tabular-nums; }
.mh-account .od-item .price{ font-weight:800; font-size:14.5px; font-variant-numeric:tabular-nums; white-space:nowrap; }
.mh-account .od-rail .btn{ margin-top:8px; }
.mh-account .od-rail .btn:first-child{ margin-top:0; }

/* order status timeline (built from the real WC order status) */
.mh-account .stepper{ display:flex; flex-direction:column; padding:4px 0; }
.mh-account .step{ display:grid; grid-template-columns:30px 1fr; gap:13px; padding:10px 0; position:relative; }
.mh-account .step .dot{ width:18px; height:18px; border-radius:50%; background:#fff; border:2px solid var(--line); margin:3px auto; position:relative; z-index:2; }
.mh-account .step.is-done .dot{ background:var(--green); border-color:var(--green); }
.mh-account .step.is-done .dot::after{ content:""; position:absolute; top:50%; left:50%; transform:translate(-50%,-55%) rotate(45deg); width:4px; height:8px; border-right:2px solid #fff; border-bottom:2px solid #fff; }
.mh-account .step.is-now .dot{ background:var(--brand); border-color:var(--brand); box-shadow:0 0 0 5px var(--brand-soft); }
.mh-account .step::before{ content:""; position:absolute; left:14px; top:18px; bottom:-10px; width:2px; background:var(--line); z-index:1; }
.mh-account .step:last-child::before{ display:none; }
.mh-account .step.is-done::before{ background:var(--green); }
.mh-account .step .stx b{ display:block; font-size:14px; font-weight:600; color:var(--ink); }
.mh-account .step.is-now .stx b{ color:var(--brand); }
.mh-account .step .stx span{ display:block; font-size:12px; color:var(--ink-3); margin-top:2px; }

/* ---------- §8 addresses --------------------------------------------------- */
.mh-account .adr-head{ display:flex; align-items:center; gap:14px; margin-bottom:14px; flex-wrap:wrap; }
.mh-account .adr-head h2{ margin:0; }
.mh-account .adr-head .ct{ font-size:13px; color:var(--ink-3); }
.mh-account .adr-list{ background:#fff; border:1px solid var(--line); border-radius:var(--r-md); overflow:hidden; }
.mh-account .adr-card{ display:grid; grid-template-columns:42px 1fr auto; gap:12px; padding:16px; align-items:flex-start; }
.mh-account .adr-card:not(:last-child){ border-bottom:1px solid var(--line-2); }
.mh-account .adr-card .pin{ width:38px; height:38px; border-radius:11px; background:var(--brand-soft); color:var(--brand); display:grid; place-items:center; }
.mh-account .adr-card .pin svg{ width:18px; height:18px; }
.mh-account .adr-card .meta b{ display:block; font-size:14px; font-weight:700; margin-bottom:2px; }
.mh-account .adr-card .meta .who{ display:block; font-size:12.5px; color:var(--ink-3); }
.mh-account .adr-card .meta .ln{ display:block; font-size:12.5px; color:var(--ink-2); line-height:1.5; margin-top:4px; }
.mh-account .adr-card .meta .chips{ display:flex; gap:6px; margin-top:7px; flex-wrap:wrap; }
.mh-account .adr-card .actions{ display:flex; gap:11px; align-items:center; font-size:12px; }
.mh-account .adr-card .actions a{ color:var(--brand-ink); font-weight:700; text-decoration:none; }
.mh-account .adr-card .actions a.del{ color:var(--ink-3); }
.mh-account .adr-note{ margin-top:14px; background:var(--paper); border:1px solid var(--line); border-radius:var(--r-md);
  padding:16px 18px; display:flex; align-items:flex-start; gap:12px; }
.mh-account .adr-note .ic{ width:38px; height:38px; border-radius:11px; background:var(--brand-soft); color:var(--brand);
  display:grid; place-items:center; flex:none; }
.mh-account .adr-note .ic svg{ width:19px; height:19px; }
.mh-account .adr-note b{ display:block; font-size:13.5px; color:var(--ink); }
.mh-account .adr-note span{ font-size:12.5px; color:var(--ink-2); line-height:1.5; }

/* ---------- §9 WC native forms (edit-address, edit-account, downloads) ----- */
.mh-account .woocommerce-MyAccount-content > p{ font-size:14px; color:var(--ink-2); line-height:1.6; }
.mh-account form .form-row,
.mh-account .woocommerce-address-fields__field-wrapper > p,
.mh-account .woocommerce-form-row{ display:block; margin:0 0 14px; }
.mh-account form label{ display:block; font-size:12px; font-weight:700; letter-spacing:.04em; text-transform:uppercase;
  color:var(--ink-2); margin-bottom:7px; }
.mh-account form label .required{ color:var(--brand); text-decoration:none; }
.mh-account .input-text,
.mh-account form input[type=text], .mh-account form input[type=email], .mh-account form input[type=tel],
.mh-account form input[type=password], .mh-account form input[type=number], .mh-account form select, .mh-account form textarea{
  width:100% !important; min-height:46px; padding:12px 14px !important; border:1.5px solid var(--line) !important;
  border-radius:var(--r-md) !important; background:#fff !important; font-size:15px; font-family:var(--font-body); color:var(--ink); outline:0; box-shadow:none; }
.mh-account form textarea{ min-height:84px; }
.mh-account form input:focus, .mh-account form select:focus, .mh-account form textarea:focus{
  border-color:var(--brand) !important; box-shadow:0 0 0 3px var(--brand-soft) !important; }
.mh-account .row2{ display:grid; grid-template-columns:1fr 1fr; gap:11px; }
.mh-account fieldset{ border:0; padding:0; margin:22px 0 0; }
.mh-account fieldset legend{ font-family:var(--font-display); font-weight:700; font-size:16px; }
.mh-account .woocommerce-Button,
.mh-account button[type=submit]{ display:inline-flex; align-items:center; justify-content:center; gap:8px;
  font-family:var(--font-body); font-weight:700; font-size:15px; padding:14px 24px; border-radius:var(--r-pill);
  border:0; cursor:pointer; background:linear-gradient(180deg,var(--brand-bright),var(--brand)); color:#fff;
  box-shadow:0 6px 16px -6px rgba(224,83,15,.55); margin-top:6px; }
.mh-account .woocommerce-Addresses{ display:grid; grid-template-columns:1fr 1fr; gap:18px; }
.mh-account .woocommerce-Address{ background:#fff; border:1px solid var(--line); border-radius:var(--r-md); padding:18px; }
.mh-account .woocommerce-Address-title{ display:flex; align-items:center; justify-content:space-between; margin-bottom:8px; }
.mh-account .woocommerce-Address-title h3{ font-family:var(--font-display); font-weight:700; font-size:17px; margin:0; }
.mh-account .woocommerce-Address-title .edit{ color:var(--brand-ink); font-weight:700; text-decoration:none; font-size:13px; }
.mh-account .woocommerce-Address address{ font-style:normal; font-size:13px; color:var(--ink-2); line-height:1.6; }

/* WC notices inside account */
.mh-account .woocommerce-message, .mh-account .woocommerce-info, .mh-account .woocommerce-error{
  list-style:none; border-radius:var(--r-md); padding:13px 16px; font-size:13.5px; margin:0 0 16px; border:1px solid; }
.mh-account .woocommerce-message{ background:var(--green-soft); border-color:#bde0cd; color:var(--green-ink); }
.mh-account .woocommerce-info{ background:var(--trust-soft); border-color:#bcd6ee; color:var(--trust); }
.mh-account .woocommerce-error{ background:var(--red-soft); border-color:#f5c5c5; color:#7a1010; }

/* price amount inherits colour (don't let legacy paint it orange) */
.mh-account .woocommerce-Price-amount{ color:inherit !important; font-family:inherit; }

/* ---------- §10 responsive ------------------------------------------------- */
@media (max-width:960px){
  .mh-account{ padding:0; }
  .mh-account .dkwrap{ grid-template-columns:1fr; gap:10px; max-width:100%; }
  /* nav becomes a horizontal scroll-tab rail at the top — NEVER hidden */
  .mh-account .acct-side{ order:-1; display:flex; align-items:stretch; gap:0; padding:0;
    border-radius:0; border-left:0; border-right:0; overflow-x:auto; scrollbar-width:none; position:sticky; top:0; z-index:5; }
  .mh-account .acct-side::-webkit-scrollbar{ display:none; }
  .mh-account .acct-side__id{ display:none; }
  .mh-account .acct-side a{ border-left:0; border-bottom:3px solid transparent; padding:13px 15px; white-space:nowrap; font-size:13.5px; }
  .mh-account .acct-side a.is-on{ background:#fff; color:var(--brand-ink); border-left:0; border-bottom-color:var(--brand); }
  .mh-account .acct-side a .n{ margin-left:6px; }
  .mh-account .acct-side hr{ display:none; }
  .mh-account .dkwrap__main{ border-radius:0; border-left:0; border-right:0; padding:16px; }
  .mh-account .dash-grid{ grid-template-columns:1fr; }
  .mh-account .od-layout{ grid-template-columns:1fr; }
  .mh-account .woocommerce-Addresses{ grid-template-columns:1fr; }
  /* desktop order table -> compact rows */
  .mh-account .dord-row{ grid-template-columns:56px 1fr auto; gap:11px; padding:13px 0; }
  .mh-account .dord-row .th{ width:56px; height:56px; }
  .mh-account .dord-row .stat{ grid-column:1 / -1; order:5; padding-left:67px; margin-top:-4px; }
  .mh-account .dord-row .price{ font-size:16px; }
}
@media (max-width:540px){
  .mh-account .row2{ grid-template-columns:1fr; }
  .mh-account .orow{ grid-template-columns:48px 1fr; }
  .mh-account .orow .act{ grid-column:2; flex-direction:row; justify-content:space-between; width:100%; align-items:center; }
  .mh-account .orders-tools{ width:100%; }
  .mh-account .orders-tools .search input{ width:100%; max-width:none; }
}