.elementor-14 .elementor-element.elementor-element-32f4fc1{--display:flex;--padding-top:40px;--padding-bottom:55px;--padding-left:0px;--padding-right:0px;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}@media(min-width:768px){.elementor-14 .elementor-element.elementor-element-32f4fc1{--content-width:1440px;}}/* Start custom CSS for text-editor, class: .elementor-element-1c88414b *//* =========================================================
   TRIBE GREEN GIFTS - WOOCOMMERCE MY ACCOUNT REDESIGN
   Brand Green: #60A244
   Brand Brown: #983C22
========================================================= */


/* =========================================================
   1. MAIN MY ACCOUNT AREA
========================================================= */

.woocommerce-account .e-my-account-tab {
    background: #f7f7f5;
    padding: 50px 30px 70px;
}

.woocommerce-account .woocommerce {
    max-width: 1200px;
    margin: 0 auto;
}

.woocommerce-account .e-my-account-tab__dashboard {
    width: 100%;
}


/* =========================================================
   2. MY ACCOUNT TWO COLUMN LAYOUT
========================================================= */

.woocommerce-account .woocommerce-MyAccount-navigation {
    width: 25%;
    float: left;
    margin-right: 3%;
}

.woocommerce-account .woocommerce-MyAccount-content {
    width: 72%;
    float: right;
}


/* Clear floats */

.woocommerce-account .woocommerce::after {
    content: "";
    display: table;
    clear: both;
}


/* =========================================================
   3. LEFT SIDEBAR NAVIGATION
========================================================= */

.woocommerce-account .woocommerce-MyAccount-navigation ul {
    list-style: none;
    padding: 0;
    margin: 0;
    background: #ffffff;
    border-radius: 14px;
    overflow: hidden;
    border: 0px solid #e8e8e8;
    box-shadow: 0 8px 30px rgba(0,0,0,0.04);
}
 

/* Navigation Items */

.woocommerce-account .woocommerce-MyAccount-navigation li {
    margin: 0;
    padding: 0;
    border-bottom: 1px solid #eeeeee;
}

.woocommerce-account .woocommerce-MyAccount-navigation li:last-child {
    border-bottom: none;
}


/* Navigation Links */

.woocommerce-account .woocommerce-MyAccount-navigation li a {
    display: flex;
    align-items: center;
    position: relative;
    padding: 18px 22px;
    color: #46535a;
    font-size: 15px;
    font-weight: 500;
    text-decoration: none;
    transition: all 0.3s ease;
}


/* Left Green Indicator */

.woocommerce-account .woocommerce-MyAccount-navigation li a::before {
    content: "";
    width: 4px;
    height: 0;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    background: #60A244;
    border-radius: 0 5px 5px 0;
    transition: all 0.3s ease;
}


/* Hover */

.woocommerce-account .woocommerce-MyAccount-navigation li a:hover {
    color: #60A244;
    background: #f5f9f2;
    padding-left: 27px;
}

.woocommerce-account .woocommerce-MyAccount-navigation li a:hover::before {
    height: 30px;
}


/* Active */

.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a {
    background: linear-gradient(
        90deg,
        #f0f7ec 0%,
        #ffffff 100%
    );
    color: #60A244;
    font-weight: 600;
    padding-left: 27px;
}

.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a::before {
    height: 35px;
}


/* Logout */

.woocommerce-account 
.woocommerce-MyAccount-navigation-link--customer-logout a {
    color: #983C22;
}

.woocommerce-account 
.woocommerce-MyAccount-navigation-link--customer-logout a:hover {
    background: #fff7f4;
    color: #983C22;
}


/* =========================================================
   4. RIGHT CONTENT CARD
========================================================= */

.woocommerce-account .woocommerce-MyAccount-content-wrapper {
    background: #ffffff;
    border: 1px solid #e9e9e9;
    border-radius: 14px;
    padding: 35px;
    box-shadow: 0 8px 30px rgba(0,0,0,0.04);
}


/* Dashboard Text */

.woocommerce-account .woocommerce-MyAccount-content p {
    color: #59656b;
    font-size: 15px;
    line-height: 1.8;
}

.woocommerce-account .woocommerce-MyAccount-content strong {
    color: #333333;
}


/* Dashboard Links */

.woocommerce-account .woocommerce-MyAccount-content p a {
    color: #60A244;
    font-weight: 500;
    text-decoration: none;
    transition: 0.3s ease;
}

.woocommerce-account .woocommerce-MyAccount-content p a:hover {
    color: #983C22;
}


/* =========================================================
   5. NOTICES
========================================================= */

.woocommerce-account .woocommerce-notices-wrapper {
    margin-bottom: 20px;
}

.woocommerce-account .woocommerce-message {
    border-top-color: #60A244;
    background: #f5f9f2;
    color: #46535a;
}


/* =========================================================
   6. ORDERS TABLE
========================================================= */

.woocommerce-account table.woocommerce-orders-table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    border: 1px solid #e8e8e8;
    border-radius: 12px;
    overflow: hidden;
}


/* Table Header */

.woocommerce-account 
.woocommerce-orders-table thead {
    background: #f5f7f4;
}

.woocommerce-account 
.woocommerce-orders-table th {
    padding: 17px 15px;
    color: #983C22;
    font-size: 13px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.4px;
    border-bottom: 1px solid #e5e5e5;
}


/* Table Body */

.woocommerce-account 
.woocommerce-orders-table td,
.woocommerce-account 
.woocommerce-orders-table tbody th {
    padding: 20px 15px;
    color: #59656b;
    font-size: 14px;
    border-bottom: 1px solid #eeeeee;
    background: #ffffff;
}


/* Last Row */

.woocommerce-account 
.woocommerce-orders-table tr:last-child td,
.woocommerce-account 
.woocommerce-orders-table tr:last-child th {
    border-bottom: none;
}


/* Order Number */

.woocommerce-account 
.woocommerce-orders-table__cell-order-number a {
    color: #60A244;
    font-weight: 600;
    text-decoration: none;
}

.woocommerce-account 
.woocommerce-orders-table__cell-order-number a:hover {
    color: #983C22;
}


/* Completed Status */

.woocommerce-account 
.woocommerce-orders-table__cell-order-status {
    color: #60A244;
    font-weight: 600;
}


/* View Button */

.woocommerce-account 
.woocommerce-orders-table .woocommerce-button {
    display: inline-block;
    background: #60A244;
    color: #ffffff !important;
    border: none;
    border-radius: 6px;
    padding: 9px 18px;
    font-size: 13px;
    font-weight: 600;
    text-decoration: none;
    transition: all 0.3s ease;
}

.woocommerce-account 
.woocommerce-orders-table .woocommerce-button:hover {
    background: #983C22;
    transform: translateY(-2px);
}


/* =========================================================
   7. ADDRESS SECTION
========================================================= */

.woocommerce-account .woocommerce-Addresses {
    display: flex;
    gap: 20px;
    margin-top: 25px;
}

.woocommerce-account 
.woocommerce-Address {
    flex: 1;
    background: #ffffff;
    border: 1px solid #e6e6e6;
    border-radius: 12px;
    padding: 25px;
    box-shadow: 0 5px 20px rgba(0,0,0,0.03);
}


/* Address Heading */

.woocommerce-account 
.woocommerce-Address-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 20px;
}

.woocommerce-account 
.woocommerce-Address-title h2 {
    margin: 0;
    color: #333333;
    font-size: 20px;
    font-weight: 600;
}


/* Edit Address */

.woocommerce-account 
.woocommerce-Address-title .edit {
    color: #60A244;
    font-size: 13px;
    font-weight: 600;
    text-decoration: none;
}

.woocommerce-account 
.woocommerce-Address-title .edit:hover {
    color: #983C22;
}


/* Address Text */

.woocommerce-account 
.woocommerce-Address address {
    background: #f8f9f7;
    border-left: 3px solid #60A244;
    border-radius: 6px;
    padding: 18px;
    color: #59656b;
    font-size: 14px;
    line-height: 1.8;
    font-style: normal;
}

.woocommerce-Button--next{
    color: white !important;
}
/* =========================================================
   8. WISHLIST TABLE
========================================================= */

.woocommerce-account 
.shopengine-wishlist {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    border: 1px solid #e5e5e5;
    border-radius: 12px;
    overflow: hidden;
}


/* Wishlist Header */

.woocommerce-account 
.shopengine-wishlist thead {
    background: #f5f7f4;
}

.woocommerce-account 
.shopengine-wishlist th {
    padding: 17px 15px;
    color: #983C22;
    font-size: 13px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.3px;
    text-align: left;
}


/* Wishlist Body */

.woocommerce-account 
.shopengine-wishlist td {
    padding: 18px 15px;
    border-top: 1px solid #eeeeee;
    color: #59656b;
    font-size: 14px;
    vertical-align: middle;
}


/* Product Image */

.woocommerce-account 
.shopengine-wishlist-product-image img {
    width: 75px;
    height: 75px;
    object-fit: cover;
    border-radius: 8px;
    border: 1px solid #eeeeee;
}


/* Product Cell */

.woocommerce-account 
.shopengine-wishlist td:first-child {
    display: flex;
    align-items: center;
    gap: 15px;
}


/* Product Name */

.woocommerce-account 
.wishlist-product-name {
    margin: 0;
}

.woocommerce-account 
.wishlist-product-name a {
    color: #333333;
    font-weight: 600;
    text-decoration: none;
    transition: 0.3s ease;
}

.woocommerce-account 
.wishlist-product-name a:hover {
    color: #60A244;
}


/* Sale Price */

.woocommerce-account 
.shopengine-wishlist ins {
    color: #60A244;
    font-weight: 700;
    text-decoration: none;
}

.woocommerce-account 
.shopengine-wishlist del {
    color: #999999;
    margin-right: 5px;
}


/* Stock */

.woocommerce-account 
.shopengine-wishlist td:nth-child(3) {
    color: #60A244;
    font-weight: 600;
}


/* Remove Wishlist */

.woocommerce-account 
.shopengine-remove-action {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    background: #fff5f2;
    color: #983C22;
    border-radius: 50%;
    cursor: pointer;
    font-size: 13px;
    font-weight: 600;
    transition: all 0.3s ease;
}

.woocommerce-account 
.woocommerce-remove-action:hover,
.woocommerce-account 
.shopengine-remove-action:hover {
    background: #983C22;
    color: #ffffff;
    transform: rotate(90deg);
}


/* =========================================================
   9. ACCOUNT DETAILS FORM
========================================================= */

/*.woocommerce-account */
/*.woocommerce-EditAccountForm label {*/
/*    color: #333333;*/
/*    font-size: 14px;*/
/*    font-weight: 600;*/
/*}*/

/*.woocommerce-account */
/*.woocommerce-EditAccountForm input,*/
/*.woocommerce-account */
/*.woocommerce-EditAccountForm select,*/
/*.woocommerce-account */
/*.woocommerce-EditAccountForm textarea {*/
/*    width: 100%;*/
/*    border: 1px solid #dddddd;*/
/*    border-radius: 7px;*/
/*    padding: 13px 15px;*/
/*    background: #ffffff;*/
/*    color: #333333;*/
/*    transition: all 0.3s ease;*/
/*}*/


/*.woocommerce-account */
/*.woocommerce-EditAccountForm input:focus,*/
/*.woocommerce-account */
/*.woocommerce-EditAccountForm select:focus,*/
/*.woocommerce-account */
/*.woocommerce-EditAccountForm textarea:focus {*/
/*    border-color: #60A244;*/
/*    box-shadow: 0 0 0 3px rgba(96,162,68,0.10);*/
/*    outline: none;*/
/*}*/


/* Save Button */

.woocommerce-account 
.woocommerce-EditAccountForm button,
.woocommerce-account 
.woocommerce-address-fields button {
    background: #60A244;
    color: #ffffff;
    border: none;
    border-radius: 7px;
    padding: 13px 28px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease;
}

.woocommerce-account 
.woocommerce-EditAccountForm button:hover,
.woocommerce-account 
.woocommerce-address-fields button:hover {
    background: #983C22;
    transform: translateY(-2px);
}
.elementor-widget-woocommerce-my-account .e-my-account-tab .woocommerce-MyAccount-content {
     float: inline-end; 
    padding: 0;
    padding-inline-start: var(--tab-content-spacing, 1%);
     width: none !important; 
}
.elementor-widget-woocommerce-my-account .e-my-account-tab .woocommerce-MyAccount-content {
     
    width:  none !important;
}
.xoo-aff-group {
    margin-bottom: 20px !important;
}
.xoo-aff-group p{
    margin-bottom: 5px !important;
}
.xoo-elpof-container {
    width: 100%;
    margin: 10px;
    padding: 25px !important;
    border: 1px solid #c1c1c1 !important;
    border-radius: 15px !important;
}
.woocommerce-notices-wrapper {
    margin-bottom: 0px !important;
}
.woocommerce-error, .woocommerce-info, .woocommerce-message {
    width: 80% !important;
    justify-self: center !important;
    
}
.woocommerce-js a.button{
    background-color: #983c22 !important;
    
}
.woocommerce-MyAccount-navigation-link {
    border: 0px solid #D1D5DB !important;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul {
    border: 1px solid #e8e8e8 !important;
}
.woocommerce-account .woocommerce-MyAccount-navigation li {
    border-bottom: 1px solid #eeeeee !important;
}
/* =========================================================
   10. MOBILE RESPONSIVE
========================================================= */

@media (max-width: 900px) {

    .woocommerce-account .e-my-account-tab {
        padding: 30px 15px 50px;
    }

    .woocommerce-account .woocommerce-MyAccount-navigation {
        width: 100%;
        float: none;
        margin: 0 0 25px;
    }

    .woocommerce-account .woocommerce-MyAccount-content {
        width: 100%;
        float: none;
    }

    .woocommerce-account 
    .woocommerce-MyAccount-content-wrapper {
        padding: 22px;
    }

    .woocommerce-account 
    .woocommerce-Addresses {
        flex-direction: column;
    }

}


/* =========================================================
   11. MOBILE NAVIGATION
========================================================= */

@media (max-width: 600px) {

    .woocommerce-account 
    .woocommerce-MyAccount-navigation ul {
        border-radius: 10px;
    }

    .woocommerce-account 
    .woocommerce-MyAccount-navigation li a {
        padding: 15px 18px;
    }

    .woocommerce-account 
    .woocommerce-MyAccount-content-wrapper {
        padding: 18px;
        border-radius: 10px;
    }

    /* Orders horizontal scroll */

    /*.woocommerce-account */
    /*.woocommerce-orders-table {*/
    /*    display: block;*/
    /*    overflow-x: auto;*/
    /*    white-space: nowrap;*/
    /*}*/

    /* Address */

    .woocommerce-account 
    .woocommerce-Address {
        padding: 20px;
    }

    /* Wishlist */

    .woocommerce-account 
    .shopengine-wishlist {
        display: block;
        overflow-x: auto;
        white-space: nowrap;
    }

    .woocommerce-account 
    .shopengine-wishlist td:first-child {
        display: flex;
        min-width: 280px;
    }

}


/* =========================================================
   12. REMOVE DEFAULT WOOCOMMERCE STYLING
========================================================= */

.woocommerce-account 
.woocommerce-MyAccount-content table {
    margin-bottom: 0;
}

.woocommerce-account 
.woocommerce-MyAccount-content .button {
    box-shadow: none;
}

.woocommerce-account 
.woocommerce-MyAccount-content a {
    transition: all 0.3s ease;
}/* End custom CSS */