body.woocommerce-account.wp-child-theme-lightmyworld {
    background: url(/wp-content/uploads/2025/05/lmw-bg2.png) center / cover no-repeat fixed;
}

body .woocommerce-MyAccount-navigation-link.is-active a{
    background-color: rgb(255 255 255 / 10%);
}

body .woocommerce-MyAccount-navigation-link{
    border: 1px solid #34342a;
}

body .woocommerce form.login{
    border: transparent;
    background: transparent;
}

body a{
    font-family: 'Open Sans';
}

div.woocommerce-info{
    background: rgb(0 0 0 / 50%);
    color: white;
    font-family: 'Open Sans', sans-serif;
}

legend{
    color: white;
}

.woocommerce-account .woocommerce-MyAccount-content fieldset legend{
    border-bottom: transparent;
}

#primary div.woocommerce-MyAccount-content header,
#primary div.woocommerce-MyAccount-content address{
    border: 1px solid #34342a;
    background: rgb(0 0 0 / 50%);
    font-family: 'Open Sans', sans-serif;
}

.entry-content ul{
    padding-left: 0;
}

@media (max-width: 560px){
    nav.woocommerce-MyAccount-navigation ul{
        max-width: 100%;
    }
    body .woocommerce form.login{
        padding: unset;
    }
}

@media (max-width: 922px){
    .woocommerce-MyAccount-navigation{
        margin-bottom: 40px;
    }
    h1.entry-title{
        margin-top: 40px;
        margin-bottom: 40px;
    }
    .woocommerce-MyAccount-navigation ul{
        display: flex;
        width: 100%;
        flex-direction: column;
        padding: 0;
        max-width: 250px;
    }
    /* Fix the limitation of the background-attachment: fixed bug */
    /* Remove the shorthand that used background-attachment: fixed */
    body { background: none; }

    /* Faux "fixed background" layer for iOS + works everywhere */
    body::before{
        content: "";
        position: fixed;   /* sticks to the viewport */
        inset: 0;          /* top:0; right:0; bottom:0; left:0 */
        z-index: -1;       /* behind all page content */
        background-image: url("/wp-content/uploads/2025/05/lmw-bg2.png");
        background-position: center center;
        background-size: cover;
        background-repeat: no-repeat;
        /* small perf nudges */
        will-change: transform;
        transform: translateZ(0);
        pointer-events: none;
    }
}

@media (min-width: 923px){
    h1.entry-title{
        margin-top: 40px;
        margin-bottom: 40px;
    }
    .ast-plain-container.ast-no-sidebar #primary{
        margin: unset;
    }
}