/*
Theme Name: J Nascimento Theme
Template: royal-elementor-kit
Description: Tema filho para o J Nascimento Advocacia, integrando Tailwind CSS puro para o Blog.
Author: DekMídia
Version: 1.0.0
*/

body.blog,
body.single,
body.archive {
    background-color: #E5EBDF !important;
}

.jnascimento-site-header {
    background-image: linear-gradient(rgba(255, 255, 255, 0.85), rgba(255, 255, 255, 0.85)), url('http://localhost/jnascimentoadv/wp-content/uploads/2026/02/Confira-nossas-dicas-para-quem-quer-fazer-Direito.jpg');
    background-size: cover;
    background-position: center;
    border-bottom: 1px solid #e0e0e0;
}

/* Ajuste estrutural dinâmico para todos os cabeçalhos do site (Desktop) */
@media (min-width: 1024px) {
    /* Fixar a coluna do Logo para nunca ser esmagada */
    .e-con:has(> .elementor-widget-wpr-logo) { 
        width: auto !important; 
        max-width: 25% !important; 
        flex-shrink: 0 !important;
    }
    
    /* Fixar a coluna do Menu para ocupar o espaço do meio */
    .e-con:has(> .elementor-widget-wpr-nav-menu) { 
        width: auto !important; 
        flex-grow: 1 !important; 
    }
    
    /* Espaçamento perfeito do Menu */
    .wpr-nav-menu-container {
        width: 100% !important;
        display: flex !important;
        justify-content: center !important;
    }
    
    .wpr-nav-menu-container > ul {
        display: flex !important;
        flex-wrap: nowrap !important;
        gap: 20px !important;
        justify-content: center !important;
    }
    
    .wpr-nav-menu-container > ul > li {
        flex-grow: 0 !important;
    }
    
    .wpr-nav-menu-container > ul > li > a {
        padding-left: 0px !important;
        padding-right: 0px !important;
        white-space: nowrap !important;
        font-size: 13px !important;
        color: #6C8B6F !important; /* Forçar o verde em todas as palavras (como o Blog) */
    }
}

/* Padronizar o fundo do menu no mobile (para o Blog não ficar branco) e corrigir o hover/linha */
@media (max-width: 1023px) {
    .wpr-nav-menu-container > ul > li {
        background-color: transparent !important;
    }
    .wpr-nav-menu-container > ul > li > a {
        background-color: inherit !important;
    }
}

/* Garantir que todos os itens tenham a linha verde embaixo de forma permanente (igual aos links de âncora) */
.wpr-nav-menu-container > ul > li > a::before,
.wpr-nav-menu-container > ul > li > a::after {
    opacity: 1 !important;
    visibility: visible !important;
    transform: scaleX(1) !important;
}

/* ==========================================================================
   Estilos Globais do Blog (Archive e Single Post) - BLINDADO
   ========================================================================== */

/* 1. Títulos (Verde #2f5536) */
body.blog h1, body.blog h2, body.blog h3, body.blog h4, body.blog h5, body.blog h6,
body.archive h1, body.archive h2, body.archive h3, body.archive h4, body.archive h5, body.archive h6,
body.single-post h1:not(.elementor-widget-theme-post-title), 
body.single-post h2, body.single-post h3, body.single-post h4, body.single-post h5, body.single-post h6,
body.blog .elementor-heading-title,
body.archive .elementor-heading-title,
body.single-post .elementor-heading-title,
body.blog .wpr-grid-item-title a,
body.archive .wpr-grid-item-title a {
    color: #2f5536 !important;
}

/* 2. Corpo do Texto e Excertos (Cinza #7a7a7a) */
body.blog p, body.blog .wpr-grid-item-excerpt, body.blog .wpr-grid-item-excerpt p,
body.archive p, body.archive .wpr-grid-item-excerpt, body.archive .wpr-grid-item-excerpt p,
body.single-post p, body.single-post .elementor-widget-text-editor, body.single-post .elementor-post__excerpt p {
    color: #7a7a7a !important;
}

/* 3. Ícones, Metadados e Detalhes (Dourado #B1944A) */
body.blog i, body.blog svg, body.blog .wpr-grid-read-more, body.blog .wpr-grid-extra-text, body.blog .wpr-grid-extra-text a,
body.archive i, body.archive svg, body.archive .wpr-grid-read-more, body.archive .wpr-grid-extra-text, body.archive .wpr-grid-extra-text a,
body.single-post i, body.single-post svg, 
body.single-post .elementor-icon-list-icon, body.single-post .elementor-icon-list-text, body.single-post .elementor-icon-list-text a,
body.single-post .elementor-post-info__terms-list a, body.single-post .elementor-post-navigation a, body.single-post .elementor-post-navigation span,
body.single-post .elementor-post-info__icon, body.single-post .elementor-post-info__icon i, body.single-post .elementor-post-info__icon svg {
    color: #B1944A !important;
    fill: #B1944A !important;
}

/* 4. Categorias flutuantes na Archive (Branco no Dourado) */
body.blog .wpr-grid-item-protected, body.archive .wpr-grid-item-protected,
body.blog .wpr-grid-tax-style-1 .inner-block span[class*="wpr-grid-extra-text"],
body.archive .wpr-grid-tax-style-1 .inner-block span[class*="wpr-grid-extra-text"] {
    background-color: #B1944A !important;
    color: #ffffff !important;
}

/* ==========================================================================
   Padronização do Footer Global (Template 2157) para igualar à Home
   ========================================================================== */

/* Substitui a imagem antiga (balança) pela do advogado e adiciona a camada verde (#2f5536 com 90% opacidade) */
.jnascimento-site-footer {
    background-image: linear-gradient(rgba(47, 85, 54, 0.90), rgba(47, 85, 54, 0.90)), url('/jnascimentoadv/wp-content/uploads/2026/02/front-view-lawyer-working-with-documents.jpg') !important;
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
}

/* Oculta qualquer background nativo que exista nas seções internas do Elementor do Footer */
.jnascimento-site-footer .elementor-section {
    background: transparent !important;
}

/* Força os títulos (Áreas de Atuação, Fale Conosco) a serem brancos e Serifados (remove a fonte cursiva) */
.jnascimento-site-footer .elementor-heading-title {
    font-family: 'Playfair Display', 'Lora', 'Times New Roman', serif !important;
    color: #fdfaf6 !important;
    font-style: normal !important;
    font-weight: 500 !important;
}

/* Força todo o texto de contato, endereço e direitos a serem brancos */
.jnascimento-site-footer p,
.jnascimento-site-footer a,
.jnascimento-site-footer .elementor-icon-list-text {
    color: #fdfaf6 !important;
    font-family: 'Inter', 'Roboto', sans-serif !important;
}

/* Os ícones de marcação das listas permanecem com o contraste dourado (#B1944A) para dar elegância */
.jnascimento-site-footer .elementor-icon-list-icon i,
.jnascimento-site-footer .elementor-icon-list-icon svg {
    color: #B1944A !important;
    fill: #B1944A !important;
}