/****************************
 * Woo Page Account
*****************************/
/* Account Page > Layout columns */
body.woocommerce-account .container > .woocommerce {
    display:flex; flex-wrap:wrap;
    --woo-nav-col:400px;
}
body.woocommerce-account h2.woocommerce-MyAccount__title {
    font-size:var(--twc-size-h4); margin-bottom:var(--twc-spacing-20); display:none;
}

/* Account Page > Main column */
.woocommerce-MyAccount-content {
    width:calc(100% - var(--woo-nav-col));
    margin-bottom:var(--twc-spacing-default);
}

/* Account Page > Navigation */
.woocommerce-MyAccount-navigation {
    padding-right:40px;
    width:var(--woo-nav-col);
    margin-bottom:var(--twc-spacing-default);
}
.woocommerce-MyAccount-navigation ul {
    list-style:none; margin:0; overflow:hidden;
    border:var(--woo-border); border-radius:var(--woo-radius);
}
.woocommerce-MyAccount-navigation ul > li {padding:0;}
.woocommerce-MyAccount-navigation ul > li:not(:last-child) {border-bottom:var(--woo-border);}
.woocommerce-MyAccount-navigation ul > li > a {
    display:block; padding:13px 20px;
    text-decoration:none; position:relative;
}
.woocommerce-MyAccount-navigation ul > li > a,
.woocommerce-MyAccount-navigation ul:hover > li.is-active > a {
    background:var(--woo-color-surface);
    color:var(--twc-color-text);
}
.woocommerce-MyAccount-navigation ul:hover > li.is-active > a:hover,
.woocommerce-MyAccount-navigation ul > li.is-active > a,
.woocommerce-MyAccount-navigation ul > li > a:hover {
    background:var(--twc-color-primary);
    color:var(--twc-color-on-primary);
}
.woocommerce-MyAccount-navigation ul > li.is-active > a,
.woocommerce-MyAccount-navigation ul > li > a:focus {font-weight:700;}

/* Account Page > Navigation > Icons */
.woocommerce-MyAccount-navigation ul > li > a:after {
    font-family:var(--twc-font-icomoon); font-weight:400; float:right; width:30px; text-align:center;
}
.woocommerce-MyAccount-navigation-link--dashboard a:after {content:"\e924";}
.woocommerce-MyAccount-navigation-link--orders a:after {content:"\e934";}
.woocommerce-MyAccount-navigation-link--my-gift-registry a:after {content:"\e91d";}
.woocommerce-MyAccount-navigation-link--tinv_wishlist a:after {content:"\e91d";}
.woocommerce-MyAccount-navigation-link--wc-smart-coupons a:after {content:"\e923";}
.woocommerce-MyAccount-navigation-link--edit-address a:after {content:"\e90f";}
.woocommerce-MyAccount-navigation-link--edit-account a:after {content:"\e913";}
.woocommerce-MyAccount-navigation-link--woocommerce-waitlist a:after {content:"\e903";}
.woocommerce-MyAccount-navigation-link--customer-logout a:after {content:"\e93f";}
.woocommerce-MyAccount-navigation-link--downloads a:after {content:"\e940";}


/****************************
 * Woo Page Account > Addresses Page
*****************************/
/* Addresses Page */
.woocommerce form > h3,
.woocommerce-Address-title.title > h3,
.woocommerce .woocommerce-column__title {font-size:var(--twc-size-h4); margin-bottom:var(--twc-spacing-20);}
.woocommerce-Address-title.title {
    margin-bottom:var(--twc-spacing-20);
    display:flex; justify-content:space-between; align-items:center;
}
.woocommerce-Address-title.title > h3 {margin-bottom:0;}

/* Addresses Page > Edit button */
.woocommerce a.edit {
    background:var(--twc-color-primary); color:var(--twc-color-on-primary);
    padding:3px 7px; font-size:14px; border-radius:var(--woo-radius);
}
.woocommerce a.edit:after {font-family:var(--twc-font-icomoon); font-size:.8em; margin-left:10px; content:"\e945";}
.woocommerce a.edit:hover, .woocommerce a.edit:focus {background:var(--twc-color-primary-highlight); color:var(--twc-color-on-primary);}


/* Addresses Page > Form edit account */
.woocommerce-EditAccountForm.edit-account > p:last-child {padding:0 var(--woo-gap-field);}


/****************************
 * Woo Page Account > Login/Register Page
*****************************/
/* Login/Register */
#customer_login {margin-bottom:var(--twc-spacing-default);}
#customer_login h2 {font-size:var(--twc-size-h3);}
#customer_login .woocommerce-LostPassword.lost_password,
#customer_login .woocommerce-privacy-policy-text {padding:0 var(--woo-gap-field);}
#customer_login .woocommerce-privacy-policy-text {margin-bottom:var(--twc-spacing-20);}


/* Form reset password */
form.lost_reset_password {
    margin:0 auto var(--twc-spacing-default); width:100%; max-width:600px;
    border-radius:var(--woo-radius); border:var(--woo-border);
    padding:20px 20px 0; background:var(--woo-color-surface);
}
form.lost_reset_password p {padding:0 !important; width:100% !important;}
form.lost_reset_password p .button {width:100%;}


/****************************
 * Woo Page Account > Orders Detail
*****************************/
.woocommerce-order-details {margin-bottom:var(--twc-spacing-25);}
.woocommerce-order-details .woocommerce-order-details__title {font-size:var(--twc-size-h4);}
.woocommerce mark {
    border-radius:4px; padding:0 .3em; margin:.1em 0;
    background:var(--woo-color-message); color:#fff;
}


/****************************
 * Woo Page Account - Responsive
*****************************/
@media only screen and (max-width:1024px) {
    /* Account Page > Layout columns */
    .woocommerce-MyAccount-navigation {width:100%; padding-right:0;}
    .woocommerce-MyAccount-content {width:100%;}
}