/**
 * Correções para o menu horizontal
 */

/* Menu horizontal para desktop */
@media (min-width: 768px) {
    /* Menu principal horizontal */
    #primary-menu,
    .menu-menu-container ul,
    .primary-menu-container ul,
    nav ul.menu {
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        flex-wrap: wrap !important;
        gap: 1rem !important;
        margin: 0 !important;
        padding: 0 !important;
        list-style: none !important;
    }
    
    /* Itens do menu */
    #primary-menu li,
    .menu-menu-container ul li,
    .primary-menu-container ul li,
    nav ul.menu li {
        margin: 0 !important;
        padding: 0 !important;
        white-space: nowrap !important;
    }
    
    /* Links do menu */
    #primary-menu a,
    .menu-menu-container ul a,
    .primary-menu-container ul a,
    nav ul.menu a {
        display: flex !important;
        align-items: center !important;
        padding: 0.5rem 0.75rem !important;
        text-decoration: none !important;
        color: #374151 !important;
        font-weight: 500 !important;
        border-radius: 0.375rem !important;
        transition: all 0.2s ease !important;
    }
    
    /* Hover de links */
    #primary-menu a:hover,
    .menu-menu-container ul a:hover,
    .primary-menu-container ul a:hover,
    nav ul.menu a:hover {
        color: #5D5CDE !important;
        background-color: rgba(93, 92, 222, 0.05) !important;
    }
    
    /* Link ativo */
    #primary-menu .current-menu-item a,
    .menu-menu-container .current-menu-item a,
    .primary-menu-container .current-menu-item a,
    nav ul.menu .current-menu-item a {
        color: #5D5CDE !important;
        font-weight: 600 !important;
    }
    
    /* Ícones do menu */
    #primary-menu a i,
    .menu-menu-container ul a i,
    .primary-menu-container ul a i,
    nav ul.menu a i {
        margin-right: 0.5rem !important;
    }
}

/* Menu mobile */
@media (max-width: 767px) {
    /* Container do menu */
    #primary-menu,
    .menu-menu-container ul,
    .primary-menu-container ul,
    nav ul.menu {
        padding-left: 0 !important;
        margin-left: 0 !important;
        list-style: none !important;
    }
    
    /* Itens do menu */
    #primary-menu li,
    .menu-menu-container ul li,
    .primary-menu-container ul li,
    nav ul.menu li {
        margin-bottom: 0.5rem !important;
    }
    
    /* Links do menu */
    #primary-menu a,
    .menu-menu-container ul a,
    .primary-menu-container ul a,
    nav ul.menu a {
        display: flex !important;
        align-items: center !important;
        padding: 0.75rem 1rem !important;
        text-decoration: none !important;
        color: #374151 !important;
        font-weight: 500 !important;
        border-radius: 0.375rem !important;
    }
    
    /* Hover de links */
    #primary-menu a:hover,
    .menu-menu-container ul a:hover,
    .primary-menu-container ul a:hover,
    nav ul.menu a:hover {
        background-color: rgba(93, 92, 222, 0.05) !important;
    }

    /* Esconder menu quando necessário */
    .primary-menu-container.hidden {
        display: none !important;
    }
    
    /* Ícones do menu */
    #primary-menu a i,
    .menu-menu-container ul a i,
    .primary-menu-container ul a i,
    nav ul.menu a i {
        margin-right: 0.5rem !important;
        min-width: 1.25rem !important;
        text-align: center !important;
    }
}

/* Suporte para tema escuro */
.dark #primary-menu a,
.dark .menu-menu-container ul a,
.dark .primary-menu-container ul a,
.dark nav ul.menu a {
    color: #e5e7eb !important;
}

.dark #primary-menu a:hover,
.dark .menu-menu-container ul a:hover,
.dark .primary-menu-container ul a:hover,
.dark nav ul.menu a:hover {
    color: #8e8dff !important;
    background-color: rgba(93, 92, 222, 0.1) !important;
}

.dark #primary-menu .current-menu-item a,
.dark .menu-menu-container .current-menu-item a,
.dark .primary-menu-container .current-menu-item a,
.dark nav ul.menu .current-menu-item a {
    color: #8e8dff !important;
}

/* Estilo para botão do menu mobile */
.menu-toggle {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.5rem 1rem;
    font-weight: 600;
    color: white;
    background-color: #5D5CDE;
    border: none;
    border-radius: 0.375rem;
    cursor: pointer;
    transition: background-color 0.2s;
}

.menu-toggle:hover {
    background-color: #4A49C0;
}

@media (min-width: 768px) {
    .menu-toggle {
        display: none;
    }
}

/* Corrigir problemas específicos com o menu */
.primary-menu-container.hidden {
    display: none !important;
}

.primary-menu-container:not(.hidden) {
    display: block !important;
}

@media (min-width: 768px) {
    .primary-menu-container:not(.hidden) {
        display: flex !important;
    }
}