/* Accounts Page */

.block-collapsible-nav .item.current a, .block-collapsible-nav .item.current > strong {
    border-color: var(--color-branding-primary);
}

.account .column.main {
    display: flex;
    flex-direction: column-reverse;
    justify-content: flex-end;
}

.block-collapsible-nav {
    top: 0px;
}

.account .form {
    max-width: 40rem;
}

/* Login page */

.login-container {
    display: flex;
    flex-direction: column-reverse;
    gap: 5rem;
}

.account .form-address-edit,
.account .fieldset .legend, 
.account .column:not(.sidebar-main) form .actions-toolbar, 
.account .column:not(.sidebar-additional) form .actions-toolbar,
.account .fieldset legend.legend {
    margin-left: 0;
}

.account .fieldset > .field.choice:before,
.customer-account-create .fieldset > .field.choice:before {
    display: none;
}

@media only screen and (min-width: 768px) {

    .login-container {
        display: flex;
        flex-direction: row-reverse;
        gap: 0;
    }

    .login-container a.action.create.primary {
        margin: 0;
    }

    .block.block-new-customer{
        width: 48%;
        margin-right: 2%;
    }
    
    .block.block-customer-login {
        width: 50%;
    }
    
    .customer-account-login #maincontent {
        margin-top: 5rem;
    }
    
    .account .columns {
        margin-top: 2rem;
    }

}