.main-container{
    min-height:100vh;
}

.content-box-style{
    background-color:var(--clr-l-0);
    border-radius: var(--cv-g-m);
    border:var(--cv-border-style-alt);
    box-shadow: var(--cv-shadow);
}

.my-account-container{
    padding:var(--cv-g-xxl) 0px;
    display:grid;
    grid-template-columns:1fr;
    max-width: 800px;
    gap:var(--cv-g-m);
    background-color:var(--clr-l-2);
}

.account-info{
    position:relative;
    height:max-content;
    overflow:hidden;
    border:1px solid var(--clr-l-0);
    z-index:0;
}

.account-info{
    height:390px;
}

.account-info .gradient-header{
    height:150px;
}

.user-info-wrapper {
    position: absolute;
    top: 70px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 2;
}

.user-avatar-wrapper{
    width:128px;
    height:128px;
    overflow:hidden;
    border-radius:var(--cv-g-xl);
    background-color:var(--clr-l-0);
    border:var(--cv-border-style-alt);
    box-shadow:var(--cv-shadow);
}

.user-avatar-wrapper > img {
    padding:var(--cv-g-s);
    border-radius:var(--cv-g-xl);
}

.account-nav-wrapper{
    margin-top:auto;
    border-top:var(--cv-border-style-alt);
}

.woocommerce-MyAccount-navigation{
    display:flex;
}

.woocommerce-MyAccount-navigation > a {
    flex:1;
}

.woocommerce-MyAccount-navigation > a:not(:last-child){
    border-right:var(--cv-border-style-alt);
}

.user-nav-item {
    font-size:9px;
    font-weight:600;
    color:var(--clr-t-3);
    padding:var(--cv-g-m);
    gap:var(--cv-g-xs);
    transition:var(--cv-transition);
    border-bottom:3px solid transparent;
}

.user-nav-item:hover, [aria-current="page"]{
    color:var(--clr-t-1);
    background: #f8f6ff;
    border-bottom:3px solid var(--clr-pur-1);
}

#un-dashboard{ --icon: url('/wp-content/themes/cverse/assets/elements/icons/profile/dashboard.svg'); }
#un-orders{ --icon: url('/wp-content/themes/cverse/assets/elements/icons/profile/history.svg'); }
#un-downloads{ --icon: url('/wp-content/themes/cverse/assets/elements/icons/profile/download.svg'); display:none!important; }
#un-edit-address{ --icon: url('/wp-content/themes/cverse/assets/elements/icons/profile/home.svg'); }
#un-edit-account{ --icon: url('/wp-content/themes/cverse/assets/elements/icons/profile/user.svg'); }
#un-customer-logout{ --icon: url('/wp-content/themes/cverse/assets/elements/icons/profile/logout-2.svg'); }

.woocommerce-MyAccount-content{
    padding:var(--cv-g-l);
    min-height:600px;
}

/*--- FORM STYLES -----*/
.woocommerce-MyAccount-content form, .woocommerce-MyAccount-content form *:not(p > label) {
    display:flex!important;
    flex-direction:column;
}

.woocommerce-MyAccount-content form, .woocommerce-MyAccount-content form div, .woocommerce-MyAccount-content form fieldset{
    gap:var(--cv-g-m);
}

.woocommerce-MyAccount-content p > label{
    display:flex;
    flex-direction:row;
    font-size: 12px;
    font-weight: 600;
    color: var(--clr-t-2);
    text-transform:uppercase;
}

.woocommerce-MyAccount-content form p{
    gap:var(--cv-g-xs)
}

.delete-account{
    width:max-content;
}

.woocommerce-Address, .woocommerce-orders-table{
    border:var(--cv-border-style-alt);
    border-radius:var(--cv-g-s);
}

.woocommerce-Address address, .woocommerce-Address h2{
    padding:var(--cv-g-s) var(--cv-g-m);
}

.woocommerce-Address h2, .woocommerce-orders-table > thead{
    border-bottom:var(--cv-border-style-alt);
}

.woocommerce-Address address{
    font-size:13px;
    color:var(--clr-t-3);
    font-weight:500;
}

.edit-address{
    margin-top:var(--cv-g-s);
    margin-bottom:var(--cv-g-s);
    width:max-content;
}

th{ padding:8px!important; }

.account-orders-table{
    width:100%;
}


/*---- PASSWORD CHANGE ----*/

.woocommerce-ResetPassword{
    max-width:600px;
    padding:var(--cv-g-xl);
    border-radius:var(--cv-g-m);
    box-shadow:var(--cv-shadow);
}

.woocommerce-ResetPassword, .woocommerce-ResetPassword > p{
    display:flex;
    flex-direction:column;
    gap:var(--cv-g-s);
}

.lost-pw-header{
    height:300px;
}