document.addEventListener('DOMContentLoaded', function(){ // SIDEBAR var sidebar = document.getElementById('ax-sidebar'); var toggle = document.getElementById('ax-toggle'); var icon = document.getElementById('ax-toggle-icon'); if(sidebar && toggle){ var backdrop = document.createElement('div'); backdrop.className = 'ax-sidebar-backdrop'; document.body.appendChild(backdrop); function openSidebar(){ sidebar.classList.add('ax-open'); backdrop.classList.add('ax-active'); if(icon) icon.textContent = 'close'; } function closeSidebar(){ sidebar.classList.remove('ax-open'); backdrop.classList.remove('ax-active'); if(icon) icon.textContent = 'menu'; } toggle.addEventListener('click', function(){ sidebar.classList.contains('ax-open') ? closeSidebar() : openSidebar(); }); backdrop.addEventListener('click', closeSidebar); document.querySelectorAll('.ax-links li a').forEach(function(link){ link.addEventListener('click', function(){ if(window.innerWidth <= 768) closeSidebar(); }); }); } // BANNER CARRUSEL var bcTrack = document.getElementById('axBcTrack'); var bcDots = document.getElementById('axBcDots'); if(bcTrack && bcDots){ var bcSlides = bcTrack.querySelectorAll('.ax-bc-slide'); var bcTotal = bcSlides.length; var bcCur = 0; var bcTimer = null; for(var d=0; d