document.addEventListener('DOMContentLoaded', function() {
    const tabModules = document.querySelectorAll('.rb-tab-module');

    tabModules.forEach(module => {
        const navLinks = module.querySelectorAll('.rb-tab-nav a');
        const contentPanes = module.querySelectorAll('.rb-tab-content');

        navLinks.forEach(link => {
            link.addEventListener('click', function(e) {
                e.preventDefault();

                navLinks.forEach(item => item.classList.remove('active'));
                contentPanes.forEach(pane => pane.classList.remove('active'));

                this.classList.add('active');
                const targetId = this.getAttribute('href');
                const targetPane = module.querySelector(targetId);
                if (targetPane) {
                    targetPane.classList.add('active');
                }
            });
        });
    });
});