/****************************
 * Woo Page Account
*****************************/
/*use button primary*/
body.woocommerce-account form .button,
.woocommerce .shop_table.my_account_orders .button.pay,
body.woocommerce-order-pay .woocommerce-form-login .button {
    background:var(--vii-color-primary); color:var(--vii-color-on-primary);
}
body.woocommerce-account form .button:hover,
body.woocommerce-account form .button:focus,
.woocommerce .shop_table.my_account_orders .button.pay:hover,
.woocommerce .shop_table.my_account_orders .button.pay:focus,
body.woocommerce-order-pay .woocommerce-form-login .button:hover,
body.woocommerce-order-pay .woocommerce-form-login .button:focus {
    --woo-border:1px solid var(--vii-color-primary);
    background:var(--vii-color-on-primary);color:var(--vii-color-primary);
}

/*Main content*/
body.woocommerce-account .site-content {padding-bottom:calc(var(--vii-page-top-spacing) - var(--vii-header-height) + 43px);}
@media only screen and (max-width:1024px) {
    /* Account Page > Layout columns */
    body.woocommerce-account .site-content {padding-bottom:var(--vii-spacing-default);}
}

/* Account Page > Layout columns */
body.woocommerce-account .woocommerce {
    display:flex; flex-wrap:wrap;
    --woo-nav-col:320px;
}
body.woocommerce-account h2.woocommerce-MyAccount__title {
    font-size:var(--vii-size-h6);
    margin-bottom:var(--vii-spacing-20);
    /* display:none; */
}

/* Account Page > Main column */
.woocommerce-MyAccount-content {width:calc(100% - var(--woo-nav-col));}
.woocommerce-MyAccount-content p a {text-decoration:underline;}
.woocommerce-MyAccount-content p a:hover,
.woocommerce-MyAccount-content p a:focus {color:var(--vii-color-primary);}

/* Account Page > Payment methods */
.woocommerce-MyAccount-content .woocommerce-info {margin-bottom:var(--vii-spacing-20);}

/* Account Page > Navigation */
.woocommerce-MyAccount-navigation {
    padding-right:40px;
    width:var(--woo-nav-col);
}
.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); margin-bottom:0;}
.woocommerce-MyAccount-navigation ul > li:before {display:none;}
.woocommerce-MyAccount-navigation ul > li > a {
    display:block; padding:15px 40px 15px 20px;
    text-decoration:none; position:relative; font-weight:400; text-transform:uppercase;
}
.woocommerce-MyAccount-navigation ul > li > a,
.woocommerce-MyAccount-navigation ul:hover > li.is-active > a {
    background:var(--woo-color-surface);
    color:var(--vii-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(--vii-color-primary);
    color:var(--vii-color-on-primary);
    text-decoration:none;
}

/* Account Page > Navigation > Icons */
/*.woocommerce-MyAccount-navigation ul > li > a:after {*/
/*    font-family:var(--vii-font-icomoon); font-weight:400; font-size:20px;*/
/*    width:30px; text-align:center;*/
/*    position:absolute; top:50%; transform:translateY(-50%); right:20px;*/
/*}*/
/*.woocommerce-MyAccount-navigation-link--dashboard a:after {content:"\e924";}*/
/*.woocommerce-MyAccount-navigation-link--orders a:after {content:"\e903";}*/
/*.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:"\e90e";}*/
/*.woocommerce-MyAccount-navigation-link--edit-account a:after {content:"\e912";}*/
/*.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";}*/
/*.woocommerce-MyAccount-navigation-link--payment-methods a:after {content:"\e907";}*/

/* payment */
body.woocommerce-payment-methods .woocommerce-MyAccount__col a.button {margin-top:20px;}

/* Responsive */
@media only screen and (max-width:1180px) {
    .woocommerce-MyAccount-navigation {padding-right:20px;}
}
@media only screen and (max-width:1024px) {
    /* Account Page > Layout columns */
    .woocommerce-MyAccount-navigation {width:100%; padding-right:0; margin-bottom:var(--vii-spacing-default);}
    .woocommerce-MyAccount-content {width:100%;}
}

/****************************
 * Woo Page Account > Edit Account Page
*****************************/

.woocommerce-form-row:has(#account_display_name) {display:none;}


/****************************
 * Woo Page Account > Addresses Page
*****************************/
/* Addresses Page */
.woocommerce form > h3,
.woocommerce-Address-title.title > h2,
.woocommerce .woocommerce-column__title,
.woocommerce-MyAccount-content h2 {
    font-size:var(--vii-size-h5);text-transform:uppercase; margin-bottom:var(--vii-spacing-20); width:100%;
}
.woocommerce-Address-title.title {
    margin-bottom:var(--vii-spacing-20);
    display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:10px;
}
.woocommerce-Address-title.title > h2 {margin-bottom:0;}
.woocommerce-Address-title.title a {text-decoration:underline}

/* Addresses Page > Form edit account */
.woocommerce-EditAccountForm.edit-account > p:last-child {padding:0 var(--woo-gap-field);}

/* Edit billing address */
.woocommerce-address-fields__field-wrapper {margin-bottom:var(--vii-spacing-20);}


/****************************
 * Woo Page Account > Orders Detail
*****************************/
.woocommerce-order-details {margin-bottom:var(--vii-spacing-20);}
.woocommerce-order-details .woocommerce-order-details__title {margin-bottom:var(--vii-spacing-24);text-transform:uppercase;}
.woocommerce mark {
    border-radius:4px; padding:0 .3em; margin:.1em 0;
    background:var(--woo-color-message); color:#fff;
}

/* pagination */
.woocommerce-pagination {padding-top:8px;}
.woocommerce-pagination .woocommerce-Button--next {float:right;}

/****************************
 * Woo Tables > Account > Orders
 * .woocommerce-orders-table.woocommerce-MyAccount-orders.shop_table.my_account_orders.account-orders-table {}
 * Parts: thead, tbody
*****************************/
.woocommerce .shop_table.my_account_orders thead {}
.woocommerce .shop_table.my_account_orders tbody {padding:0; gap:0;}

/* row */
.woocommerce .shop_table.my_account_orders tbody tr {padding:10px 15px;}
.woocommerce .shop_table.my_account_orders tbody tr:not(:last-child) {border-bottom:var(--woo-border);}
/*.woocommerce .shop_table.my_account_orders tbody tr:hover {background:var(--woo-color-surface-highlight);}*/

/* actions */
.woocommerce .shop_table.my_account_orders .button {
    padding:5px 10px;
    min-height:auto; min-width:auto;
}

.woocommerce .shop_table.my_account_orders .button:hover,
.woocommerce .shop_table.my_account_orders .button:focus {background:var(--vii-color-primary); color:var(--vii-color-on-primary);}

/* Orders Table > Columns */
.woocommerce .shop_table.my_account_orders [class*="-order-number"] {width:18%;}
.woocommerce .shop_table.my_account_orders [class*="-order-date"] {width:22%;}
.woocommerce .shop_table.my_account_orders [class*="-order-status"] {width:20%; order:8;}
.woocommerce .shop_table.my_account_orders [class*="-order-total"] {width:28%;}
.woocommerce .shop_table.my_account_orders [class*="-order-actions"] {width:12%; display:flex; flex-wrap:wrap; gap:3px; order:9;}

/* Col > status */
/*.woocommerce .shop_table.my_account_orders [class*="-order-status"] {font-size:0; padding-right:0;}
.woocommerce .shop_table.my_account_orders [class*="-order-status"]:before {
    font-family:var(--vii-font-icomoon); font-size:18px;
}
.woocommerce .shop_table.my_account_orders tr[class*="-processing"] [class*="-order-status"]:before {content:"\e901";}
.woocommerce .shop_table.my_account_orders tr[class*="-fail"] [class*="-order-status"]:before {content:"\e909";}
.woocommerce .shop_table.my_account_orders tr[class*="-completed"] [class*="-order-status"]:before {content:"\e932";}
.woocommerce .shop_table.my_account_orders tr[class*="-on-hold"] [class*="-order-status"]:before {content:"\e938";}*/

/* Col > order number */
.woocommerce .shop_table.my_account_orders [class*="-order-number"] a {font-weight:500;}
.woocommerce .shop_table.my_account_orders [class*="-order-number"] a:hover,
.woocommerce .shop_table.my_account_orders [class*="-order-number"] a:focus {color:var(--vii-color-primary); text-decoration:underline;}

/* Responsive */
@media only screen and (max-width:767px) {
    /* Orders Table */
    .woocommerce .shop_table.my_account_orders tbody {background:transparent; border:none; gap:20px;}
    .woocommerce .shop_table.my_account_orders thead {display:none;}
    .woocommerce .shop_table.my_account_orders tbody tr {
        display:block; padding:0; background:var(--woo-table-bg); overflow:hidden;
        border-radius:var(--woo-radius); border:var(--woo-border);
    }

    .woocommerce .shop_table.my_account_orders [class*="-order-number"] {border-bottom:var(--woo-border);}
    .woocommerce .shop_table.my_account_orders tbody td,
    .woocommerce .shop_table.my_account_orders tbody th {
        position:relative;
        width:100% !important; text-align:right; gap:5px; justify-content:end;
        padding:10px 15px 10px 100px !important;
        background:var(--woo-color-surface);
    }
    .woocommerce .shop_table.my_account_orders tbody td:before,
    .woocommerce .shop_table.my_account_orders tbody th:before {
        content:attr(data-title); width:100px; text-align:left;
        position:absolute; top:.6em; left:0; padding-left:10px;
    }
    .woocommerce .shop_table.my_account_orders tbody td:not(:last-child) {border-bottom:var(--woo-border);}
    .woocommerce .shop_table.my_account_orders tbody td .amount {order:9; text-align:right;}
}


/****************************
 * Woo Page Account > View Order
*****************************/
section.woocommerce-order-details .order-again {padding-top:var(--vii-spacing-20);}
section.woocommerce-order-details .order-again .button:after {content:"\e922";}

/****************************
 * Woo Checkout > Login
*****************************/

.woocommerce-form-login .form-row:last-of-type {margin-bottom:0;}