/**
 * ==================================================================================
 * █  LEUK WEBSITE 2026 - COMPONENTE DE SISTEMA
 * ==================================================================================
 * * @project     Novo Site LEUK
 * @module      Header Priority Menu (Styles)
 * @description Estilização avançada do menu principal.
 * v1.5: Remove overrides de tipografia para herdar definições do Elementor.
 * * @version     1.5.0 (Elementor Native)
 * @date        2026-01-22
 * @author      LEUK Development Team
 * * ==================================================================================
 */

/* ------------------------------------------------------------------------------
   1. PAINEL DE CONFIGURAÇÃO (MASTER VARIABLES)
   Nota: A tipografia (Fonte, Tamanho, Peso) é gerida no ELEMENTOR.
   ------------------------------------------------------------------------------ */
:root {
    /* --- A. BOTÃO "+" (O Gatilho) --- */
    --leuk-btn-padding: 15px;         /* Espaço lateral do botão + */
    --leuk-btn-icon-size: 16px;       /* Tamanho do ícone + */

    /* --- B. CAIXA DO DROPDOWN (Container) --- */
    --leuk-drop-bg: #ffffff;          /* Cor de fundo da caixa */
    --leuk-drop-min-width: 240px;     /* Largura (mais largo para acomodar texto grande) */
    --leuk-drop-shadow: 0 10px 40px rgba(0,0,0,0.1); /* Sombra elegante */
    --leuk-drop-radius: 0px;          /* Arredondamento */
    --leuk-drop-zindex: 9999;         /* Camada */
    
    /* Espaçamentos da Caixa */
    --leuk-drop-pad-top: 15px;        
    --leuk-drop-pad-bottom: 15px;      

    /* --- C. ITENS DO MENU (Links dentro do Dropdown) --- */
    /* Cores (Mantidas aqui para garantir contraste com o fundo do dropdown) */
    --leuk-drop-text-color: #000000;       /* Cor do texto */
    --leuk-drop-hover-text: #000000;       /* Cor do texto no hover */
    --leuk-drop-hover-bg: #f9f9f9;         /* Fundo subtil no hover */
    
    /* Dimensões do Item */
    --leuk-item-padding-y: 10px;           /* Altura vertical */
    --leuk-item-padding-x: 25px;           /* Espaço lateral */
}

/* ------------------------------------------------------------------------------
   2. ESTRUTURA BASE DO MENU
   ------------------------------------------------------------------------------ */
.elementor-widget-nav-menu.leuk-priority-nav {
    width: auto !important; 
    flex-grow: 1 !important; 
    overflow: visible !important; 
}

.leuk-priority-nav ul.elementor-nav-menu {
    width: 100% !important; 
    display: flex !important; 
    justify-content: flex-end !important; 
    flex-wrap: nowrap !important; 
    margin: 0 !important;
}

/* ------------------------------------------------------------------------------
   3. BOTÃO "+" (GATILHO)
   ------------------------------------------------------------------------------ */
.leuk-priority-nav .leuk-more-item { 
    display: none; /* JS controla a visibilidade */
    position: relative; 
}

.leuk-priority-nav .leuk-more-item > a {
    padding-left: var(--leuk-btn-padding) !important; 
    padding-right: var(--leuk-btn-padding) !important;
    text-align: center; 
    justify-content: center;
    font-size: var(--leuk-btn-icon-size) !important;
}

/* ------------------------------------------------------------------------------
   4. DROPDOWN (SUB-MENU)
   ------------------------------------------------------------------------------ */
.leuk-priority-nav .leuk-more-item:hover > ul.sub-menu {
    display: block !important; 
    visibility: visible !important; 
    opacity: 1 !important;
    
    position: absolute; 
    right: 0; 
    top: 100%; 
    z-index: var(--leuk-drop-zindex);
    
    background: var(--leuk-drop-bg);
    box-shadow: var(--leuk-drop-shadow);
    min-width: var(--leuk-drop-min-width);
    border-radius: var(--leuk-drop-radius);
    
    padding-top: var(--leuk-drop-pad-top);
    padding-bottom: var(--leuk-drop-pad-bottom);
    padding-left: 0;
    padding-right: 0;
}

/* ------------------------------------------------------------------------------
   5. ITENS DENTRO DO DROPDOWN
   ------------------------------------------------------------------------------ */
/* Reset da Lista */
.leuk-priority-nav .leuk-more-item ul.sub-menu li {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Estilo do Link */
.leuk-priority-nav .leuk-more-item ul.sub-menu li a {
    display: flex !important; /* Flex para alinhamento vertical perfeito */
    align-items: center;
    width: 100% !important;
    
    /* Espaçamento */
    padding: var(--leuk-item-padding-y) var(--leuk-item-padding-x) !important;
    
    /* Tipografia: HERDADA DO ELEMENTOR (Propriedades removidas aqui) */
    color: var(--leuk-drop-text-color) !important;
    text-align: right !important; 
    
    background-color: transparent;
    transition: all 0.2s ease;
    border: none !important;
}

/* Estado Hover (Passar o rato) */
.leuk-priority-nav .leuk-more-item ul.sub-menu li a:hover {
    background-color: var(--leuk-drop-hover-bg) !important;
    color: var(--leuk-drop-hover-text) !important;
}

/* Link Ativo dentro do Dropdown */
.leuk-priority-nav .leuk-more-item ul.sub-menu li.current-menu-item a {
    /* Mantemos apenas o fundo, a fonte bold deve vir do Elementor "Active" state */
    background-color: var(--leuk-drop-hover-bg) !important; 
}

/* ------------------------------------------------------------------------------
   6. RESETS GERAIS (LIMPEZA)
   ------------------------------------------------------------------------------ */
.leuk-priority-nav .leuk-more-item > a .sub-arrow,
.leuk-priority-nav .leuk-more-item > a:after,
.leuk-priority-nav .leuk-more-item > a:before,
.leuk-priority-nav .leuk-more-item ul.sub-menu li a .sub-arrow { 
    display: none !important; 
}

/* ------------------------------------------------------------------------------
   7. LÓGICA DE SUBLINHADO (LINKS DA BARRA PRINCIPAL)
   Esta secção afeta apenas os itens que NÃO estão no dropdown.
   ------------------------------------------------------------------------------ */

/* A. Remove estilo 'Ativo' estático */
.leuk-priority-nav .elementor-item.elementor-item-active:not(:hover):before,
.leuk-priority-nav .elementor-item.elementor-item-active:not(:hover):after {
    opacity: 0 !important;
    width: 0 !important;
}

/* B. Reset de Cor */
.leuk-priority-nav .elementor-item.elementor-item-active:not(:hover) {
    color: inherit !important; 
}

/* C. Força o Hover (Linha aparece) */
.leuk-priority-nav .elementor-item:hover:before,
.leuk-priority-nav .elementor-item:hover:after,
.leuk-priority-nav .elementor-item.elementor-item-active:hover:before,
.leuk-priority-nav .elementor-item.elementor-item-active:hover:after {
    opacity: 1 !important;
    width: 100% !important; 
}