<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.5/gsap.min.js" integrity="sha512-7eHRwcbYkK4d9g/6tD/mhkf++eoTHwpNM9woBxtPUBWm67zeAfFC+HrdoE2GanKeocly/VxeLvIqwvCdk7qScg==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.5/ScrollTrigger.min.js" integrity="sha512-onMTRKJBKz8M1TnqqDuGBlowlH0ohFzMXYRNebz+yOcc5TQr/zAKsthzhuv0hiyUKEiQEQXEynnXCvNTOk50dg==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>

.mobile-lang-switcher {
    z-index: 1000;
 
}

.mobile-lang-switcher li {
    list-style: none;
}

document.addEventListener("DOMContentLoaded", function(){
  gsap.registerPlugin(ScrollTrigger);

ScrollTrigger.create({
    trigger: "#brxe-tqikap",
    start: "top top", // cuando el top del elemento llegue al top del viewport
    end: "bottom top", // cuando el bottom del elemento llegue al top del viewport
    onEnter: () => cambiarMetaColor(), // scroll hacia abajo - cambia a #273320
    onLeaveBack: () => cambiarMetaColor(), // scroll hacia arriba - vuelve a #000
    markers: false // cambia a true para debug visual
});

function cambiarMetaColor() {
    let metaThemeColor = document.querySelector('meta[name="theme-color"]');
    
    if (!metaThemeColor) {
        metaThemeColor = document.createElement('meta');
        metaThemeColor.setAttribute('name', 'theme-color');
        metaThemeColor.setAttribute('content', '#000');
        document.head.appendChild(metaThemeColor);
        return;
    }
    
    const colorActual = metaThemeColor.getAttribute('content');
    const nuevoColor = colorActual === '#000' ? '#273320' : '#000';
    metaThemeColor.setAttribute('content', nuevoColor);
}
})

//menu
document.addEventListener('DOMContentLoaded', function() {
    // Verificar si estamos en la versión móvil del menú
    const mobileMenuWrapper = document.querySelector('.bricks-mobile-menu-wrapper.right');
    
    if (mobileMenuWrapper) {
        // Seleccionar el menú móvil
        const mobileMenu = document.querySelector('#menu-global-menu-1');
        
        if (mobileMenu) {
            // Crear el nuevo contenedor para los elementos de idioma
            const langContainer = document.createElement('div');
            langContainer.className = 'mobile-lang-switcher';
            
            // Establecer los estilos para el contenedor
            Object.assign(langContainer.style, {
                position: 'absolute',
                bottom: '0',
                left: '0',
                right: '0',
                padding: '15px',
                display: 'flex',
                justifyContent: 'center',
                gap: '5px',
                background: 'inherit'
            });
            
            // Seleccionar los elementos de idioma
            const langElements = mobileMenu.querySelectorAll('.lang, .lang-separator');
            
            // Mover los elementos al nuevo contenedor
            langElements.forEach(element => {
                langContainer.appendChild(element);
            });
            
            // Insertar el nuevo contenedor después del menú
            mobileMenu.parentNode.insertBefore(langContainer, mobileMenu.nextSibling);
        }
    }
});