/* =========================================================================
   Neda eCampus UI - My account on the Neda Mild Aurora
   (owner, 2026-10-11: "my account is still on white.")

   The Admin Area, My courses, the calendar and the Achievement Vault moved
   onto the Mild Aurora the same day (neda-commerce-bridge 1.138.0-1.141.0).
   This carries the same three moves to the WooCommerce account pages:

     THE GROUND   text-box 1 #ECF9F8 at the top running to text-box 3
                  #F8F9EA, fixed to the viewport, painted on `main` so the
                  site header and the footer are not repainted.
     NO CARD IN   signed in, the theme's white card held the navigation
     A CARD       panel (itself a white card) and the content. The wrapper
                  steps back, and the navigation and the content stand on
                  the ground side by side as two cards.
     ELEVATION    the content card takes the dashboard cards' two-layer
                  shadow; the navigation keeps its own, because it is the
                  header's user-menu dropdown pinned open and is drawn to
                  that panel's value (neda-account.css section 6).

   Signed out, the page is one column -- the login form -- inside the
   theme's card, and that card simply stays the white card on the ground.

   A file of its own rather than a section of neda-account.css: that sheet
   has a large change in flight on another branch, and the two should not
   have to be merged line by line. It prints after neda-account.css.

   Measured: black on the ground 19.47:1 at the top stop; the 72% black of
   secondary text 8.88:1 at its worst; white against the ground 1.08:1 and
   1.06:1, so the elevation draws every card edge.
   ========================================================================= */

body.woocommerce-account main {
    background-color: #F8F9EA;
    background-image: linear-gradient(180deg, #ECF9F8 0%, #F8F9EA 100%);
    background-attachment: fixed;
}

/* The title band and the content band are theme groups painted white by a
   preset class, and WordPress prints preset colours with !important. */
body.woocommerce-account main > .wp-block-group.has-background {
    background-color: transparent !important;
}

/* Signed in: the wrapper card steps back. Its padding is written inline by
   the block editor, so it takes !important to reach; with it gone the
   navigation sits on the title's own left edge. */
body.woocommerce-account main
.wp-block-group.has-white-background-color:has(.woocommerce-MyAccount-navigation) {
    background-color: transparent !important;
    box-shadow: none;
    padding: 0 !important;
}

body.woocommerce-account .woocommerce-MyAccount-content {
    box-sizing: border-box;
    padding: clamp(20px, 2.4vw, 28px);
    border-radius: 12px;
    background-color: #FFFFFF;
    box-shadow:
        0 2px 4px rgba(0, 0, 0, 0.08),
        0 14px 30px -12px rgba(0, 0, 0, 0.18);
}

/* Signed out: the theme's card is the one card, on the same elevation. */
body.woocommerce-account main
.wp-block-group.has-white-background-color:has(.woocommerce):not(:has(.woocommerce-MyAccount-navigation)) {
    box-shadow:
        0 2px 4px rgba(0, 0, 0, 0.08),
        0 14px 30px -12px rgba(0, 0, 0, 0.18);
}

/* Forced colours drop the ground and every shadow, which would leave the
   content and the login card with no edge at all. */
@media (forced-colors: active) {
    body.woocommerce-account .woocommerce-MyAccount-content,
    body.woocommerce-account main
    .wp-block-group.has-white-background-color:has(.woocommerce):not(:has(.woocommerce-MyAccount-navigation)) {
        border: 1px solid CanvasText;
    }
}