/* ========================================
   OTIMIZAÇÃO SUAVE DO CABEÇALHO
   Layout compacto + Submenus padrão (fundo branco)
   ======================================== */

/* Otimização do menu principal para evitar quebra - EQUILIBRADO */
.main-menu ul li a {
    padding: 0 10px !important; /* Aumentado para 10px (era 8px) */
    font-size: 14px !important; /* Aumentado para 14px (era 13px) */
    white-space: nowrap !important; /* Evita quebra de texto */
    letter-spacing: normal !important; /* Remove compactação excessiva */
}

/* Container do menu principal com flexbox otimizado - APENAS menu principal */
.main-menu > ul {
    display: flex !important;
    flex-wrap: nowrap !important; /* Crítico: não permite quebra de linha */
    align-items: center !important;
}

/* Garantir que submenus NÃO herdem o flex do menu principal */
.main-menu ul.submenu {
    display: block !important; /* Remove flex dos submenus */
    /* Deixa o style.css cuidar do resto: fundo branco, texto preto, etc. */
}

/* Header com padding equilibrado */
.header-area .main-header-area {
    padding: 0 20px !important; /* Aumentado para 20px (era 15px) */
}

/* Botões CTA com visual melhor */
.header_cta_area a {
    padding: 8px 12px !important; /* Padding mais confortável */
    font-size: 13px !important; /* Fonte legível */
    margin-left: 5px !important; /* Espaçamento adequado */
}

/* Área CTA equilibrada */
.header_cta_area {
    gap: 8px !important; /* Espaçamento confortável entre botões */
}

/* CRITICAL: Garantir que NUNCA quebre linha no menu */
.main-menu ul#navigation {
    display: flex !important;
    flex-wrap: nowrap !important;
    justify-content: flex-start !important;
    align-items: center !important;
    width: auto !important;
    max-width: none !important;
}

/* Garantir que o menu nunca quebre independente da tela */
@media (min-width: 1200px) {
    .main-menu ul li a {
        padding: 0 6px !important; /* Ainda mais compacto em telas grandes */
    }
}

@media (min-width: 1400px) {
    .main-menu ul li a {
        padding: 0 8px !important; /* Volta ao espaçamento normal em telas muito grandes */
        font-size: 13px !important;
    }
}

/* Ajustes equilibrados para telas menores */
@media (max-width: 1400px) {
    .main-menu ul li a {
        padding: 0 8px !important; /* Menos agressivo */
        font-size: 13px !important; /* Mantém legibilidade */
    }
    
    .header_cta_area a {
        padding: 7px 10px !important; /* Mais confortável */
        font-size: 12px !important; /* Legível */
    }
}

/* Melhorar visual dos submenus - NÃO compactar */
.main-menu ul.submenu li a {
    padding: 12px 20px !important; /* Padding generoso para submenus */
    font-size: 14px !important; /* Fonte normal para submenus */
    letter-spacing: normal !important; /* Sem compactação nos submenus */
    line-height: 1.4 !important; /* Altura de linha adequada */
}

/* Compactação inteligente apenas onde necessário */
.main-menu ul li a:contains("Áreas de Atuação") {
    padding: 0 8px !important; /* Compactação específica para texto longo */
}

/* Alternativa: usar abreviação em telas muito pequenas */
@media (max-width: 1200px) {
    .main-menu ul li a[href*="#"]:nth-of-type(2) {
        font-size: 12px !important; /* Apenas para "Áreas de Atuação" */
    }
}