gistfile1.txt

// Roda a função apenas após todo o HTML carregar
document.addEventListener('DOMContentLoaded', addMobileLinks);

function addMobileLinks() {
    // Elementos que já existem na tela atualmente
    var social_links = document.querySelectorAll('#menu-social-links-menu li');
    var nav_mobile = document.getElementById('nav-mobile');
    var nav_mobile_logo = document.querySelector('#nav-mobile .mobile-title-logo-in-header');
    
    // Clona os links do desktop para replicá-los no mobile
    var link_ssg = social_links[social_links.length - 2].cloneNode(true);
    var link_sysmap = social_links[social_links.length - 1].cloneNode(true);
    
    // Estilo que adapta os clones para mobile
    var links_style = 'position: absolute;left: 140px;top: 13px;list-style: none;padding: 0;color: #fff;';
    
    // Remove ids dos clones para evitar conflito com desktop
    link_ssg.id = '';
    link_sysmap.id = '';
    
    // Aplica estilos nos clones
    link_ssg.setAttribute('style', links_style);
    link_sysmap.setAttribute('style', links_style);
    link_sysmap.style.left = '200px';
    
    // Aplica estilo no topbar mobile para liberar espaço para os clones
    nav_mobile_logo.style.width = '130px';
    
    // Adiciona os clones no DOM.
    nav_mobile.insertBefore(link_ssg, nav_mobile_logo.nextSibling);
    nav_mobile.appendChild(link_sysmap, nav_mobile_logo.nextSibling);
}