/* 1. Altera o fundo do menu offcanvas para branco */
.offcanvas-menu {
    background-color: #ffffff !important;
}

/* 2. Cor padrão dos links (cinza escuro) para dar contraste no fundo branco */
.offcanvas-menu .offcanvas-inner ul.menu > li a,
.offcanvas-menu .offcanvas-inner ul.menu li a {
    color: #333333 !important;
    transition: color 0.3s ease; /* Deixa a transição de cor suave */
}

/* 3. EFEITO HOVER: Cor verde quando passa o mouse por cima dos links */
.offcanvas-menu .offcanvas-inner ul.menu > li a:hover,
.offcanvas-menu .offcanvas-inner ul.menu li a:hover {
    color: #00a859 !important;
}

/* 4. Botão de fechar (X) puramente PRETO padrão */
.close-offcanvas, 
.close-offcanvas i,
.close-offcanvas:before {
    color: #000000 !important; /* Cor preta padrão */
    background: none !important; /* Sem fundo */
    transition: color 0.3s ease;
}

/* 5. HOVER DO BOTÃO DE FECHAR: O "X" muda para VERDE ao passar o mouse */
.close-offcanvas:hover, 
.close-offcanvas:hover i,
.close-offcanvas:hover:before {
    color: #00a859 !important; /* Muda para verde no hover */
    background: none !important;
}