/*  EXIT BUTTOM*/
/* Estado Normal */
.nav_link_exit {
    color: #fff; /* Ou a cor padrão do seu menu */
    transition: all 0.3s ease; /* Suaviza a entrada e saída do efeito */
    text-decoration: none;
    display: flex;
    align-items: center;
}

    /* Estado Hover (Ao passar o mouse) */
    .nav_link_exit:hover {
        color: #ff4d4d !important; /* Vermelho mais vivo para o texto */
        /* O segredo do Neon: múltiplas camadas de sombra */
        text-shadow: 0 0 5px #ff0000, /* Brilho interno/próximo */
        0 0 10px #ff0000, /* Brilho médio */
        0 0 20px #ff4d4d, /* Difusão externa scal*/ 0 0 40px #ff4d4d; /* Aura neon */
    }

        /* Se quiser que o ícone ao lado também brilhe: */
        .nav_link_exit:hover .nav_icon {
            color: #ff4d4d !important;
            filter: drop-shadow(0 0 8px #ff0000);
        }

/* end EXIT BUTTOM*/

/*  NAV BUTTOM*/
/* Estado Normal */
.nav_link {
    color: #ffffff;
    transition: all 0.4s ease-in-out;
    text-decoration: none;
    display: flex;
    align-items: center;
    position: relative;
}

    /* Estado Hover (Ao passar o mouse) */
    .nav_link:hover {
        color: #d1b3db; /* Um tom mais claro para o texto ser legível no centro */
        /* Difusão Neon em #7a4d8a */
        text-shadow: 0 0 7px #7a4d8a, /* Brilho de contorno */
        0 0 15px #7a4d8a, /* Difusão média */
        0 0 25px #7a4d8a, /* Brilho de preenchimento */
        0 0 45px rgba(122, 77, 138, 0.6); /* Aura externa suave */
       
        /*transform: scale(1.01);*/
    }

        /* Aplicando o brilho ao ícone BX também */
        .nav_link:hover .nav_icon {
            color: #d1b3db;
            filter: drop-shadow(0 0 10px #7a4d8a);
        }
/*  NAV BUTTOM*/


.l-navbar {
    /* Um fundo levemente transparente */
    background-color: rgba(18, 18, 32, 0.8) !important;
    /* O efeito de vidro */
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    /* Borda lateral sutil para definir o limite do menu */
    border-right: 1px solid rgba(255, 255, 255, 0.05);
    /* Sombra suave para dar volume */
    box-shadow: 10px 0 30px rgba(0, 0, 0, 0.3);
}

    .l-navbar::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        /* URL de uma textura de ruído sutil */
        background-image: url('https:// grain-texture-link.png');
        opacity: 0.03; /* Extremamente baixo para ser quase invisível */
        pointer-events: none;
        z-index: -1;
    }

.l-navbar {
    background: linear-gradient( 135deg, rgba(25, 25, 40, 1) 0%, rgba(15, 15, 25, 1) 100% );
}

/* Container do Link */
.nav_link {
    position: relative; /* Necessário para o posicionamento do brilho */
    transition: .3s;
    z-index: 1;
}
    /* O Brilho/Fundo que "eleva" o item */
    .nav_link::before {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        width: 0; /* Começa com largura zero */
        height: 100%;
        background: linear-gradient(90deg, rgba(122, 77, 138, 0.3) 0%, transparent 100%);
        border-left: 4px solid #7a4d8a; /* A barrinha vertical que aparece no print */
        transition: .3s;
        z-index: -1; /* Fica atrás do ícone e do texto */
        opacity: 0;
    }


    /* Efeito Hover */
    .nav_link:hover::before,
    .nav_link.active::before {
        width: 100%; /* Expande para preencher o fundo */
        opacity: 1;
    }

    /* Ajuste do ícone para brilhar junto */
    .nav_link:hover .nav_icon,
    .nav_link.active .nav_icon {
        color: #fff;
        text-shadow: 0 0 10px rgba(122, 77, 138, 0.8);
    }

/* Quando o menu estiver colapsado, garantimos que o brilho 
   fique contido apenas na área do ícone */
.l-navbar:not(.show) .nav_link::before {
    border-radius: 0 10px 10px 0; /* Arredonda a ponta direita quando pequeno */
}

/* Estilo padrão para o link (opcional, para garantir a base) */
.submenu_list li a {
    text-decoration: none;
    transition: all 0.3s ease; /* Deixa a mudança suave */
}

/* A Mágica: Quando a LI sofre hover, o A muda de cor */
.submenu_list li:hover a {
    color: white;
}

/* O peso da fonte pode ficar na LI ou no A, mas no A é mais garantido */
.submenu_list li:hover {
    background-color: #333; /* Adicionei um fundo para o texto branco aparecer */
    font-weight: 650;
}