.elementor-1139 .elementor-element.elementor-element-986ef21{--display:flex;}.elementor-1139 .elementor-element.elementor-element-bd07c35{margin:1px 0px calc(var(--kit-widget-spacing, 0px) + -24px) 0px;}.elementor-1139 .elementor-element.elementor-element-40cc63cd{--display:flex;}/* Start custom CSS for shortcode, class: .elementor-element-27e4a11e */<script>
(function() {
    function updatePricingView() {
        const toggle = document.getElementById('pricing-toggle');
        const container = document.getElementById('nanyuki-packages-container');
        
        if (!toggle || !container) return;

        // Ensure the parent row is using Flexbox to allow 'order' to work
        const row = container.querySelector('.row');
        if (row) {
            row.style.display = 'flex';
            row.style.flexWrap = 'wrap';
            row.style.justifyContent = 'center';
        }

        const cards = container.querySelectorAll('.package-card, .pricing-item, .col-md-4, .col-sm-6');
        
        cards.forEach(card => {
            const title = card.querySelector('h2, h3, .package-name')?.innerText || card.innerText;
            
            const isYearly = title.toLowerCase().includes('yearly');
            const isMonthly = title.toLowerCase().includes('monthly');
            const isFree = title.toLowerCase().includes('free') && !isYearly && !isMonthly;

            // FORCE THE ORDER (1=Premium, 2=Standard, 3=Free)
            if (title.toLowerCase().includes('premium')) {
                card.style.order = "1";
            } else if (title.toLowerCase().includes('standard')) {
                card.style.order = "2";
            } else if (isFree) {
                card.style.order = "3";
            }

            // SHOW/HIDE LOGIC
            if (toggle.checked) {
                // YEARLY MODE
                if (isMonthly) {
                    card.style.setProperty('display', 'none', 'important');
                } else if (isYearly || isFree) {
                    card.style.setProperty('display', 'block', 'important');
                }
            } else {
                // MONTHLY MODE
                if (isYearly) {
                    card.style.setProperty('display', 'none', 'important');
                } else if (isMonthly || isFree) {
                    card.style.setProperty('display', 'block', 'important');
                }
            }
        });
    }

    document.addEventListener('change', function(e) {
        if (e.target && e.target.id === 'pricing-toggle') {
            updatePricingView();
        }
    });

    window.addEventListener('load', () => setTimeout(updatePricingView, 600));
    document.addEventListener('DOMContentLoaded', () => setTimeout(updatePricingView, 600));
    setTimeout(updatePricingView, 1500);
})();
</script>/* End custom CSS */