// scripts/funcoes.js

// Memórias (Variáveis)
let tamanho = 16;
let cliquesFonte = 0;
let cliquesContraste = 0;
let cliquesDislexia = 0;

// Função  Mudar Fonte
function mudarFonte(delta) {
    tamanho += delta;
    document.body.style.fontSize = tamanho + "px";
    
    const elementos = document.querySelectorAll('p, span, li, h1, h2');
    elementos.forEach(el => el.style.fontSize = tamanho + "px");

    cliquesFonte++;
    document.getElementById('qtd-fonte').innerText = cliquesFonte;
}

// Função  Alto Contraste
function toggleContraste() {
    document.body.classList.toggle('alto-contraste');
    
    cliquesContraste++;
    document.getElementById('qtd-contraste').innerText = cliquesContraste;
}

function mudarFonte(delta) {
    tamanho += delta;
    document.body.style.fontSize = tamanho + "px";

    // Se delta for positivo (1), aumenta a contagem do botão "+"
    if (delta > 0) {
        cliquesFonte++;
        document.getElementById('qtd-fonte').innerText = cliquesFonte;
        document.getElementById('qtd-fonte').style.display = "flex";
    } else {
        // Se for negativo (-1), pode contar no botão "-"
        // Crie uma variável cliquesDiminuir se quiser rastrear separadamente
    }
}

function toggleContraste() {
    document.body.classList.toggle('alto-contraste');

    cliquesContraste++;
    // Miramos APENAS na bolinha, o ícone ◐ não é tocado
    const badge = document.getElementById('qtd-contraste');
    badge.innerText = cliquesContraste;
    badge.style.display = "flex";
}
document.querySelectorAll(".menu-btn").forEach(btn => {
    btn.addEventListener("click", function (e) {
        e.stopPropagation();

        // Fecha todos os outros menus
        document.querySelectorAll(".menu-dropdown").forEach(menu => {
            menu.style.display = "none";
        });

        // Abre o menu do botão clicado
        const menu = this.nextElementSibling;
        menu.style.display = "block";
    });
});

// Fecha ao clicar fora
document.addEventListener("click", function () {
    document.querySelectorAll(".menu-dropdown").forEach(menu => {
        menu.style.display = "none";
    });
});