/**
 * ==================================================================================
 * █  LEUK WEBSITE 2026 - COMPONENTE DE SISTEMA
 * ==================================================================================
 * * @project     Novo Site LEUK
 * @module      Header Partners Menu (Styles)
 * @description Transforma um menu de texto simples em ícones gráficos (PNG).
 * Características:
 * - Ícones 100% opacos (Preto sólido).
 * - Layout em linha única forçada.
 * - Efeito Hover: Zoom In (Pop-Out) sem alteração de cor.
 * * @version     1.3.1 (Documentation Upgrade)
 * @date        2026-01-22
 * @author      LEUK Development Team
 * * ==================================================================================
 */

/* ============================================================
   ⚙️ PAINEL DE CONTROLO (CONFIGURAÇÕES)
   ============================================================ */
:root {
    /* --- 1. IMAGENS (URL dos Ícones) --- */
    --leuk-img-contact:  url('https://leuk.pt/wp-content/uploads/2026/01/contact-100px.png'); 
    --leuk-img-gpn:      url('https://leuk.pt/wp-content/uploads/2026/01/gpn-100px.png');
    --leuk-img-tracking: url('https://leuk.pt/wp-content/uploads/2026/01/tracking-100px.png');
    
    /* --- 2. DIMENSÕES --- */
    --leuk-icon-size: 26px; /* Tamanho visual do ícone */
    --leuk-box-size: 45px;  /* Tamanho da área de clique (botão invisível) */
    
    /* --- 3. SEPARADOR --- */
    --leuk-separator-color: #e0e0e0; /* Linha vertical à esquerda */
    --leuk-separator-space: 30px;    /* Distância do menu principal */
}

/* ============================================================
   A. ESTRUTURA DO CONTENTOR (LAYOUT)
   ============================================================ */
.elementor-widget-nav-menu.leuk-partners-menu {
    width: auto !important; 
    flex-grow: 0 !important;
    
    /* Separador Vertical */
    margin-left: var(--leuk-separator-space); 
    border-left: 1px solid var(--leuk-separator-color);
    padding-left: 10px;
}

.leuk-partners-menu .elementor-nav-menu {
    display: flex !important; 
    gap: 0 !important; 
    align-items: center !important;
    
    /* 🔥 SEGURANÇA: Força linha única (sem quebras para baixo) */
    flex-wrap: nowrap !important;
    white-space: nowrap !important;
}

/* ============================================================
   B. ESTILO DO ÍCONE (TRANSFORMAÇÃO DO LINK)
   ============================================================ */
.leuk-partners-menu .elementor-nav-menu > li.menu-item > a {
    /* 1. Esconder Texto Original */
    font-size: 0 !important;
    color: transparent !important;
    line-height: 0 !important;
    
    /* 2. Definir a caixa do botão */
    display: block !important;
    width: var(--leuk-box-size) !important; 
    height: 40px !important;
    padding: 0 !important; 
    margin: 0 !important;
    
    /* 3. Configuração da Imagem de Fundo */
    background-size: var(--leuk-icon-size) var(--leuk-icon-size) !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    
    /* 4. Colorização (Força Preto Puro #000000) */
    /* Nota: Se as imagens originais não forem pretas, isto garante que ficam. */
    filter: brightness(0) saturate(100%) !important;
    
    /* 5. Estado Normal (Visual) */
    opacity: 1 !important; /* Totalmente visível */
    transform: scale(1);   /* Tamanho original */
    transition: transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important; /* Efeito elástico */
}

/* ============================================================
   C. RESETS & LIMPEZAS (BLOQUEIO DE SUBLINHADO)
   Garante que nenhum estilo do tema interfere com os ícones.
   ============================================================ */
.leuk-partners-menu .elementor-item,
.leuk-partners-menu .elementor-item:before,
.leuk-partners-menu .elementor-item:after {
    border: none !important;
    text-decoration: none !important;
    background-color: transparent !important;
    content: none !important; /* Remove pseudo-elementos do Elementor */
}

/* ============================================================
   D. INTERATIVIDADE (HOVER)
   Apenas efeito de Zoom (Pop-Out).
   ============================================================ */
.leuk-partners-menu .elementor-nav-menu > li.menu-item > a:hover {
    transform: scale(1.15); /* Aumenta 15% ao passar o rato */
}

/* ============================================================
   E. MAPEAMENTO DE ÍCONES
   Associa a classe do Wordpress à variável de imagem correta.
   ============================================================ */
.leuk-partners-menu .leuk-icon-contact > a { 
    background-image: var(--leuk-img-contact) !important; 
}

.leuk-partners-menu .leuk-icon-gpn > a { 
    background-image: var(--leuk-img-gpn) !important; 
}

.leuk-partners-menu .leuk-icon-tracking > a { 
    background-image: var(--leuk-img-tracking) !important; 
}