/* ============================================================================
* bm-account-nav — My Account sidebar, compact card version.
*
* Replaces the loose 220px list from style.css (Section E / Round 25b) and
* bm-optimize.css ("Account nav sidebar" block) with one card: avatar header +
* grouped, tighter rows, orange active state matching the rest of the shop
* (--bm-orange #ea580c — same as the order-flow arrow bar and the T/T forms).
*
* ⚠ Two hazards, both verified in the browser:
* 1) The older blocks declare their values with !important (font-size 14px,
* padding 14/18, li borders, ul/nav border+radius, navy active bg), so
* every override here carries !important too.
* 2) style.css prints AFTER this stylesheet (same handle-less , later
* in the head), so at equal specificity the old rule still wins. Hence
* every selector below is anchored with `html body` — one attribute above
* the originals — and wins on specificity rather than on load order.
*
* Group captions are pseudo rows injected by bm_of_account_menu() in
* inc/bm-order-flow.php; the footer script strips their href.
* ========================================================================== */
/* 1) One card around avatar + nav */
html body.woocommerce-account.logged-in .woocommerce > .account-navigation-wrap {
background: #fff !important;
border: 1px solid var(--bm-line, #e5e7eb) !important;
border-radius: var(--bm-radius-lg, 10px) !important;
overflow: hidden !important;
align-self: flex-start;
}
/* the