/* --- Woocommerce My account dashboard pages ---- */

.woocommerce-account .woocommerce .woocommerce-notices-wrapper {
    width: 100%;
}

.woocommerce-account .woocommerce-MyAccount-navigation {
    padding-top: 4rem;
}

.woocommerce-account .woocommerce-MyAccount-navigation a {
    font-weight: 400;
    text-transform: uppercase;

    &:hover {
        color: var(--wp--preset--color--deep-gold);
        text-decoration: underline;
        text-underline-offset: 8px;
    }
}

.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a {
    color: var(--wp--preset--color--deep-gold);
    font-weight: 500;
    text-decoration: underline;
    text-underline-offset: 8px;
}

.woocommerce-account .woocommerce-MyAccount-content {
    padding-bottom: 4rem;
    padding-top: 4rem;
}

.woocommerce-account .woocommerce-Address-title {
    & h2,
    & h3 {
        font-size: var(--wp--preset--font-size--h-4);
    }
}

.woocommerce-account .entry-content {
    border-top: 1px solid var(--wp--preset--color--default-border);
}

.woocommerce-account .addresses .title h3,
.woocommerce-account .addresses .title .edit {
    float: none;
}

.woocommerce fieldset {
    border: none;
    margin-left: 0;
    margin-right: 0;
    padding: 0;
}

.woocommerce form.login,
.woocommerce form.register {
    border: none;
    max-width: 600px;
    padding: 0;
}

.woocommerce-account .login-wrapper,
.woocommerce-account .registration-info {
    padding: 2rem 0;
}

/* Woo desktop breakpoint */

@media screen and (min-width: 769px) {
    .woocommerce-account .woocommerce {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;

        &::before,
        &::after {
            display: none;
        }
    }

    .woocommerce-account .woocommerce-MyAccount-navigation,
    .wc-block-components-sidebar-layout .wc-block-components-main,
    .woocommerce-cart .wc-block-cart__main {
        border-right: 1px solid var(--wp--preset--color--default-border);
    }

    .woocommerce-account:not(.logged-in) .woocommerce .login-wrapper,
    .woocommerce-account:not(.logged-in) .woocommerce .registration-info {
        flex-grow: 1;
    }

    .woocommerce-account:not(.logged-in) .woocommerce .login-wrapper {
        padding-right: 4rem;
    }

    .woocommerce-account:not(.logged-in) .woocommerce .registration-info {
        border-left: 1px solid var(--wp--preset--color--default-border);
        padding-left: 4rem;
    }
}