.woocommerce{
    overflow-y: auto;
    width: 100%;
    max-width: 1000px;
    margin: 83px auto;
    height: calc(100vh - 300px);
}
.woocommerce-MyAccount-navigation ul{
    display: flex;
    gap: 10px;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-between;
    background: var(--color-background-29);
    border-radius: 10px;
    padding: 15px 20px;
}
.woocommerce-MyAccount-navigation ul li,
.woocommerce-MyAccount-navigation ul li a{
    line-height: 1;
    list-style: none;
}
.woocommerce-MyAccount-navigation ul li a{
    color: var(--color-background-27);
    padding: 15px 20px;
    font-weight: 600;
    font-size: 1.6rem;
    transition: all .1s ease;
}
.woocommerce-MyAccount-navigation ul li a:hover{
    color: var(--color-background-1);
    margin-bottom: 10px;
}
.woocommerce-MyAccount-content{
    margin: 10px 0;
    width: 100%;
    display: flex;
    background: var(--color-background-6);
    border-radius: 10px;
    flex-direction: column;
    padding: 15px 20px;
    box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.08);
    -webkit-box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.08);
    -moz-box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.08);
}

.woocommerce-MyAccount-content p{
   padding-bottom: 10px;
}
.woocommerce-MyAccount-content .woocommerce-customer-details .woocommerce-column--billing-address,
.woocommerce-MyAccount-content .woocommerce-customer-details .woocommerce-column--shipping-address{
    width: 100%;
}
.woocommerce-MyAccount-content .woocommerce-customer-details .woocommerce-column--billing-address address,
.woocommerce-MyAccount-content .woocommerce-customer-details .woocommerce-column--shipping-address address{
  border: none;
}
.woocommerce-MyAccount-content .woocommerce-customer-details--phone::before,
.woocommerce-MyAccount-content .woocommerce-customer-details--email::before{
    font-size: 1.4rem;
    font-weight: 600;
    color: var(--color-background-27);
}
.woocommerce-MyAccount-content .woocommerce-table__line-item.order_item{
    background: none;
    padding: 0;
}
.woocommerce-MyAccount-content .woocommerce-order-details table.shop_table th,
.woocommerce-MyAccount-content .woocommerce-order-details table.shop_table td{
    border: none !important;
}
.woocommerce-MyAccount-content  mark{
    background: var(--color-background-28);
    opacity: .8;
    color: var(--color-background-6);
    border-radius: 5px;

}

.woocommerce .woocommerce-MyAccount-content .woocommerce-customer-details--email,
.woocommerce .woocommerce-MyAccount-content .woocommerce-customer-details--phone{
    padding-left: 20px !important;
    position: relative;
}
.woocommerce-orders-table__cell.woocommerce-orders-table__cell-order-actions .woocommerce-button.button.view{
    background: var(--color-background-27);
    color: var(--color-background-6);
}
.woocommerce-Address-title.title a,
.woocommerce-Address-title.title{
    position: unset;
    padding: 0;
    color: var(--color-background-27);
 
}
.woocommerce-Address-title.title{
    margin-bottom: 20px;
    border-bottom: 1px solid var(--color-background-29);
    padding-bottom: 10px;
}

.woocommerce-Address-title.title a{
    background: var(--color-background-12);
    color: var(--color-background-1);
    padding: 5px 10px;
    border-radius: 5px;
    font-size: 1.3rem;
}
#customer_login h2{
    color: var(--color-background-27);
    font-size: 1.8rem;
    font-weight: 800;
    padding-left: 20px;
}
#customer_login input{
    padding: 10px 20px;
    background: var(--color-background-29);
    border-radius: 10px;
}
#customer_login button{
    width: 100%;
    padding: 15px;
    background: var(--color-background-27);
    color: var(--color-background-6);
    border-radius: 10px;
}
#customer_login .form-row{
    padding-top: 20px;
}
.woocommerce-LostPassword.lost_password a{
    color: var(--color-background-27);
    font-size: 1.4rem;
}
.woocommerce-form.woocommerce-form-login.login,
.woocommerce-form.woocommerce-form-register.register{
    margin: 0;
    border: none;
    box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.08);
    -webkit-box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.08);
    -moz-box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.08);
}
#customer_login .u-column2 h2,
#customer_login .u-column1 h2{
    position: relative;
}
#customer_login .u-column2 h2::before{
    position: absolute;
    cursor: pointer;
    content: 'Đăng Nhập';
    color: var(--color-background-28);
    width: auto;
    font-size: 1.3rem;
    font-weight: 600;
    height: calc(100% + 10px);
    padding: 5px 10px;
    right: 0;
    top: 0;
    border-radius: 10px;
}
#customer_login .u-column1 h2::before{
    position: absolute;
    cursor: pointer;
    content: 'Đăng Ký';
    color: var(--color-background-28);
    width: auto;
    font-size: 1.3rem;
    font-weight: 600;
    height: calc(100% + 10px);
    padding: 5px 10px;
    right: 0;
    top: 0;
    border-radius: 10px;
}
body.btnLogIn #customer_login .u-column2{
    display: none;
}
body.btnLogIn #customer_login .u-column1{
    margin: 0 auto;
    float: none;
    display: block;
}
body.btnSignIn #customer_login .u-column2{
    display: block;
}
body.btnSignIn #customer_login .u-column1{
    margin: 0;
    float: left;
    display: none;
}
#customer_login .u-column1{
    margin: 0 auto;
    float: none;
    display: block;
}
#customer_login .u-column2{
    float: none;
    margin: 0 auto;
    display: none;
    
}
legend{
    padding-top: 20px !important;
}
legend,
.woocommerce h3{
    margin: 10px 0 15px 0;
    font-size: 1.7rem;
    font-weight: 600;
    color: var(--color-background-27);
    padding-bottom: 10px;
    border-bottom: 2px solid var(--color-background-29);
}
.woocommerce-address-fields input{
    background: var(--color-background-29);
    padding: 10px 15px;
    border-radius: 5px ;
}
.woocommerce-EditAccountForm.edit-account button,
.woocommerce-address-fields button{
    width: 100%;
    background: var(--color-background-27) !important;
    padding: 15px !important;
    border-radius: 10px !important;
    margin-top: 15px !important;
    color: var(--color-background-6) !important;
}
.woocommerce-Address-title.title a,
.woocommerce-Address-title.title h3{
    margin: 0;
    font-size: 1.7rem;
    border: none;
}
.woocommerce-EditAccountForm.edit-account input{
    background: var(--color-background-29);
    padding: 10px 15px;
    border-radius: 5px ;
}
@media (max-width: 500px) {
    .woocommerce{
        height: auto;
    }
    .woocommerce-form.woocommerce-form-login.login,
    .woocommerce-form.woocommerce-form-register.register{
        padding: 15px;
    }
    .woocommerce-MyAccount-navigation ul{
        gap: 15px;
        padding: 15px 10px;
    }
    .woocommerce{
        margin: 53px auto;
        padding: 5px;
    }
    .woocommerce-Address-title.title{
        justify-content: space-between;
    }


}