/** * My Account. * * Loaded on every account page, not just My Designs, so Orders and Addresses * sit in the same frame: a navigation rail on the left, the endpoint's own * content in a card on the right. * * The rail is WooCommerce's own markup, so the icons are attached by endpoint * class from here rather than injected into the labels - the account template * escapes those, and a theme swapping them out should not leave broken markup * behind. */ .woocommerce-account, .ppd-my-designs, .ppd-transfer-block { --ppd-green: #12a150; --ppd-green-soft: #e8f6ee; --ppd-green-deep: #0d7d3e; --ppd-border: #e3e8e5; --ppd-ink: #111a15; --ppd-muted: #6a726d; } /* ---------------------------------------------------------------- the rail */ /* Themes style this container themselves - usually their own grid and their own max-width. Written against the account page's second body class as well, so it wins on specificity rather than on which stylesheet happens to load last. No max-width of its own: the row then fills whatever page container the theme puts around it, matching the header. */ .woocommerce-account.woocommerce-page .woocommerce, .woocommerce-account .woocommerce { align-items: flex-start; display: flex; flex-wrap: wrap; gap: 28px; margin-inline: 0; max-width: none; } /* The rail is one element wrapping the menu, because WooCommerce fires both navigation hooks outside the