/*
Theme Name: Sistema Elite Lotofácil
Theme URI: http://alvesebastiao.ct.ws/
Author: Sebastião Oliveira
Author URI: http://alvesebastiao.ct.ws/
Description: Tema exclusivo para o Sistema Elite Lotofácil
Version: 2.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: lotofacil-elite
Tags: lotofacil, loteria, análise, predição
*/

/* 
Este é o arquivo principal de estilo do tema.
Os estilos específicos estão no diretório assets/css 
*/
/* Menu responsivo */
@media (min-width: 768px) {
    /* Menu em linha para desktop */
    .primary-menu-container #primary-menu {
        display: flex;
        flex-direction: row;
        gap: 1.5rem;
    }
}

@media (max-width: 767px) {
    /* Menu empilhado para mobile */
    .primary-menu-container:not(.hidden) {
        margin-top: 1rem;
        padding-top: 1rem;
        border-top: 1px solid rgba(0,0,0,0.1);
    }
    
    .dark .primary-menu-container:not(.hidden) {
        border-top-color: rgba(255,255,255,0.1);
    }
}
/* CSS para corrigir o menu horizontal - adicione no style.css */
@media (min-width: 768px) {
    /* Força o menu a ficar horizontal em desktop */
    .primary-menu-container ul#primary-menu,
    .primary-menu-container ul.menu {
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        flex-wrap: wrap !important;
        gap: 1rem !important;
    }
    
    .primary-menu-container ul#primary-menu li,
    .primary-menu-container ul.menu li {
        margin-bottom: 0 !important;
        white-space: nowrap !important;
    }
    
    /* Adiciona ícones aos itens de menu existentes */
    .primary-menu-container li a {
        display: flex !important;
        align-items: center !important;
    }
}

/* Estilos para melhorar a aparência do menu mobile */
@media (max-width: 767px) {
    .primary-menu-container ul#primary-menu li,
    .primary-menu-container ul.menu li {
        margin-bottom: 0.5rem;
    }
}

/* Estilos para esconder o menu em mobile quando fechado */
@media (max-width: 767px) {
    .primary-menu-container.hidden {
        display: none !important;
    }
}
/* Menu horizontal */
@media (min-width: 768px) {
    #site-navigation ul#primary-menu,
    #site-navigation ul.menu,
    .primary-menu-container ul#primary-menu,
    .primary-menu-container ul.menu {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: wrap !important;
        gap: 16px !important;
        margin: 0 !important;
    }
    
    #site-navigation ul#primary-menu li,
    #site-navigation ul.menu li,
    .primary-menu-container ul#primary-menu li,
    .primary-menu-container ul.menu li {
        margin: 0 !important;
        padding: 0 !important;
        white-space: nowrap !important;
    }
}