.elementor-704 .elementor-element.elementor-element-4238041a{--display:flex;--gap:50px 50px;--row-gap:50px;--column-gap:50px;--padding-top:50px;--padding-bottom:50px;--padding-left:50px;--padding-right:50px;}.elementor-704 .elementor-element.elementor-element-3a6e2cd0{--display:flex;}.elementor-704 .elementor-element.elementor-element-5ec84802{text-align:center;}.elementor-704 .elementor-element.elementor-element-5ec84802 .elementor-heading-title{font-family:"Trebuchet MS", Sans-serif;font-weight:600;color:#000101;}.elementor-704 .elementor-element.elementor-element-6183c379 .e-my-account-tab .woocommerce .woocommerce-MyAccount-navigation ul li:not(.is-active) a{background-color:var( --e-global-color-accent );}.elementor-704 .elementor-element.elementor-element-6183c379 .e-my-account-tab .woocommerce .woocommerce-MyAccount-navigation ul li.is-active a{background-color:#FFFFFF;}.elementor-704 .elementor-element.elementor-element-6183c379 .e-my-account-tab .woocommerce .woocommerce-MyAccount-navigation ul li a{font-family:"Trebuchet MS", Sans-serif;font-weight:700;border-width:2px 2px 2px 2px;}.elementor-704 .elementor-element.elementor-element-6183c379{--tabs-normal-color:#FFFFFF;--tabs-hover-color:#D1D1D1;--tabs-hover-border-color:var( --e-global-color-primary );--tabs-active-color:var( --e-global-color-accent );--tabs-active-border-color:var( --e-global-color-accent );--tabs-border-type:solid;--tabs-border-color:var( --e-global-color-text );--tabs-border-radius:10px 10px 10px 10px;--tabs-spacing:10px;--tabs-divider-weight:0px;--sections-border-type:solid;--sections-border-top-width:2px;--sections-border-right-width:2px;--sections-border-bottom-width:2px;--sections-border-left-width:2px;--sections-border-color:#FFFFFF;--sections-border-radius:10px 10px 10px 10px;--links-normal-color:var( --e-global-color-accent );}.elementor-704 .elementor-element.elementor-element-6183c379 .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) h2, .elementor-704 .elementor-element.elementor-element-6183c379 .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) h3{font-family:"Trebuchet MS", Sans-serif;}.elementor-704 .elementor-element.elementor-element-6183c379 .woocommerce-MyAccount-content > div > p, .elementor-704 .elementor-element.elementor-element-6183c379 address, .elementor-704 .elementor-element.elementor-element-6183c379 .woocommerce-EditAccountForm fieldset legend, .elementor-704 .elementor-element.elementor-element-6183c379 .woocommerce-ResetPassword p:nth-child(1), .elementor-704 .elementor-element.elementor-element-6183c379 .woocommerce-OrderUpdate{font-family:"Trebuchet MS", Sans-serif;}.elementor-704 .elementor-element.elementor-element-6183c379 .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .woocommerce .register p:not([class]), .elementor-704 .elementor-element.elementor-element-6183c379 .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .woocommerce em{font-family:"Trebuchet MS", Sans-serif;}.elementor-704 .elementor-element.elementor-element-6183c379 .woocommerce-form__label-for-checkbox span{font-family:"Trebuchet MS", Sans-serif;}.elementor-704 .elementor-element.elementor-element-6183c379 .woocommerce-form-row label, .elementor-704 .elementor-element.elementor-element-6183c379 .woocommerce-address-fields label{font-family:"Trebuchet MS", Sans-serif;}.elementor-704 .elementor-element.elementor-element-6183c379 .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .woocommerce .form-row .input-text, .elementor-704 .elementor-element.elementor-element-6183c379 .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .woocommerce .form-row select, .elementor-704 .elementor-element.elementor-element-6183c379 ::placeholder, .elementor-704 .elementor-element.elementor-element-6183c379 .select2-container--default .select2-selection--single, .select2-results__option, .elementor-704 .elementor-element.elementor-element-6183c379 .e-my-account-tab__payment-methods input[type=text]{font-family:"Trebuchet MS", Sans-serif;}.elementor-704 .elementor-element.elementor-element-6183c379 button.button, .elementor-704 .elementor-element.elementor-element-6183c379 #add_payment_method #payment #place_order{font-family:"Trebuchet MS", Sans-serif;}.elementor-704 .elementor-element.elementor-element-6183c379 .order_details thead th, .elementor-704 .elementor-element.elementor-element-6183c379 .order_details tfoot td, .elementor-704 .elementor-element.elementor-element-6183c379 .order_details tfoot th, .elementor-704 .elementor-element.elementor-element-6183c379 .nobr{font-family:"Trebuchet MS", Sans-serif;}.elementor-704 .elementor-element.elementor-element-6183c379 .e-my-account-tab__orders tbody td, .elementor-704 .elementor-element.elementor-element-6183c379 .e-my-account-tab__downloads tbody td, .elementor-704 .elementor-element.elementor-element-6183c379 .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .woocommerce .product-quantity, .elementor-704 .elementor-element.elementor-element-6183c379 .woocommerce-table--order-downloads tbody td, .elementor-704 .elementor-element.elementor-element-6183c379 .woocommerce-table--order-details td a, .elementor-704 .elementor-element.elementor-element-6183c379 td.product-total, .elementor-704 .elementor-element.elementor-element-6183c379 td.payment-method-method, .elementor-704 .elementor-element.elementor-element-6183c379 td.payment-method-expires{font-family:"Trebuchet MS", Sans-serif;}.elementor-704 .elementor-element.elementor-element-6183c379 .shop_table .button, .elementor-704 .elementor-element.elementor-element-6183c379 .order-again .button, .elementor-704 .elementor-element.elementor-element-6183c379 .woocommerce-pagination .button, .elementor-704 .elementor-element.elementor-element-6183c379 .e-my-account-tab__payment-methods .woocommerce-MyAccount-content-wrapper .button{font-family:"Trebuchet MS", Sans-serif;}@media(max-width:767px){.elementor-704 .elementor-element.elementor-element-4238041a{--padding-top:0150px;--padding-bottom:0px;--padding-left:30px;--padding-right:30px;}}/* Start custom CSS for woocommerce-my-account, class: .elementor-element-6183c379 */<script>

jQuery(document).ready(function($) {
    // Wait for the account widget to be in the DOM
    setTimeout(function() {
        // Target the account widget tabs
        const accountWidget = document.querySelector('.elementor-widget-woocommerce-my-account');
        
        if (!accountWidget) return;
        
        // Store the original content
        const contentArea = accountWidget.querySelector('.woocommerce-MyAccount-content');
        const originalContent = contentArea.innerHTML;
        
        // Add loading class to the widget
        accountWidget.classList.add('ajax-tabs-enabled');
        
        // Function to handle tab clicks
        function handleTabClick(e) {
            e.preventDefault();
            
            const tabLink = e.target.closest('a');
            if (!tabLink) return;
            
            const tabEndpoint = tabLink.getAttribute('href');
            const tabTitle = tabLink.textContent.trim();
            
            // Don't reload if already on this tab
            if (tabLink.classList.contains('is-active')) return;
            
            // Set loading states
            contentArea.innerHTML = '<div class="tab-loading">Loading ' + tabTitle + '...</div>';
            accountWidget.querySelectorAll('.is-active').forEach(el => el.classList.remove('is-active'));
            tabLink.classList.add('is-active');
            
            // Fetch the tab content
            fetch(tabEndpoint)
                .then(response => response.text())
                .then(html => {
                    // Parse the response to extract just the tab content
                    const parser = new DOMParser();
                    const doc = parser.parseFromString(html, 'text/html');
                    const newContent = doc.querySelector('.woocommerce-MyAccount-content')?.innerHTML || originalContent;
                    
                    // Update the content area
                    contentArea.innerHTML = newContent;
                    
                    // Re-init any necessary scripts
                    $(document.body).trigger('init');
                })
                .catch(error => {
                    console.error('Error loading tab:', error);
                    contentArea.innerHTML = '<div class="tab-error">Error loading content. <a href="#" onclick="location.reload()">Try again</a></div>';
                });
        }
        
        // Attach click handlers to all tabs
        const tabs = accountWidget.querySelectorAll('.woocommerce-MyAccount-navigation-link a');
        tabs.forEach(tab => {
            tab.addEventListener('click', handleTabClick);
        });
        
        // Add some basic CSS for loading states
        const style = document.createElement('style');
        style.textContent = `
            .ajax-tabs-enabled .woocommerce-MyAccount-content {
                position: relative;
                min-height: 200px;
            }
            .tab-loading, .tab-error {
                padding: 2em;
                text-align: center;
                font-style: italic;
                color: #666;
            }
            .ajax-tabs-enabled .tab-loading:before {
                content: "";
                display: inline-block;
                width: 20px;
                height: 20px;
                border: 3px solid rgba(0,0,0,0.1);
                border-radius: 50%;
                border-top-color: #333;
                animation: spin 1s ease-in-out infinite;
                margin-right: 10px;
                vertical-align: middle;
            }
            @keyframes spin {
                to { transform: rotate(360deg); }
            }
        `;
        document.head.appendChild(style);
        
    }, 1000); // 1 second delay to ensure widget is loaded
});

</script>/* End custom CSS */