/**
 * Remove Active Menu Background - Remove fundo do menu ativo na header
 */

/* === REMOVER FUNDO DO MENU ATIVO === */
.main-nav a.active {
    background: none !important;
    background-color: transparent !important;
    color: var(--neon-green) !important;
}

/* Manter apenas a linha inferior para indicar ativo */
.main-nav a.active::after {
    content: '';
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 100%;
    height: 2px;
    background: var(--neon-green);
    transform: scaleX(1);
    transition: transform 0.3s ease;
}

/* Remover qualquer background em hover para links ativos */
.main-nav a.active:hover {
    background: none !important;
    background-color: transparent !important;
}

/* === RESPONSIVIDADE === */

/* Desktop Grande (2048px+) */
@media (min-width: 2048px) {
    .main-nav a.active {
        background: none !important;
        background-color: transparent !important;
    }
}

/* Tablet (769px - 2047px) */
@media (min-width: 769px) and (max-width: 2047px) {
    .main-nav a.active {
        background: none !important;
        background-color: transparent !important;
    }
}

/* Mobile (≤768px) */
@media (max-width: 768px) {
    .main-nav a.active {
        background: none !important;
        background-color: transparent !important;
    }
    
    /* Manter linha indicadora em mobile também */
    .main-nav a.active::after {
        height: 1px;
        bottom: -1px;
    }
}

/* === SOBRESCREVER OUTROS ESTILOS === */
.main-nav .nav-link.active,
.main-nav .nav-dropdown-toggle.active {
    background: none !important;
    background-color: transparent !important;
    box-shadow: none !important;
}

/* Remover qualquer padding extra que possa criar aparência de fundo */
.main-nav a.active {
    padding: 0.5rem 1rem !important;
}

/* === ESTADOS ESPECIAIS === */

/* Dropdown ativo sem fundo */
.nav-dropdown.active .nav-dropdown-toggle {
    background: none !important;
    background-color: transparent !important;
}

/* Manter apenas a cor do texto para indicar ativo */
.main-nav a.active,
.main-nav .nav-link.active,
.main-nav .nav-dropdown-toggle.active {
    color: var(--neon-green) !important;
    font-weight: 600 !important;
}

/* === ACESSIBILIDADE === */
.main-nav a.active:focus {
    outline: 2px solid var(--neon-green) !important;
    outline-offset: 2px !important;
    background: none !important;
}

/* === ANIMAÇÕES === */
.main-nav a.active::after {
    animation: none !important;
    transition: all 0.3s ease !important;
}

/* Efeito sutil de brilho apenas na linha */
.main-nav a.active::after {
    box-shadow: 0 0 4px rgba(0, 255, 136, 0.3);
}

/* === COMPATIBILIDADE === */
/* Garantir que nenhum outro CSS sobrescreva */
.main-nav a.active,
.main-nav .nav-link.active,
.main-nav .nav-dropdown-toggle.active {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    background-size: auto !important;
    background-position: initial !important;
    background-repeat: initial !important;
    background-attachment: initial !important;
    background-origin: initial !important;
    background-clip: initial !important;
}