/*
 * Recolorização do cabeçalho/rodapé do TEMA (GeneratePress) para a paleta "Chapada
 * Vermelha" do site de Goiás - pedido do usuário 10/09/2026. Kiểu escolhido pelo usuário:
 * "Kiểu A - Khối đặc" (header/footer com a cor de marca sólida) - mockup comparado em
 * artefato antes de aplicar.
 * v2 (10/09/2026): ajuste fino de legibilidade (peso/letter-spacing do título, sombra sob o
 * header, sublinhado no hover dos links, divisor mais suave entre o rodapé e a barra de
 * links legais) - idêntico em espírito ao refinamento feito na plugin RJ.
 *
 * Estrutura assumida idêntica à confirmada via screenshot em bichodeunoposte.com (mesma
 * rede de sites, mesmo tema GeneratePress sem customização de cor no Customizer):
 *   header.site-header > div.inside-header > (.site-branding-container, nav#site-navigation)
 *   div.site-footer > footer.site-info > div.inside-site-info > div.copyright-bar
 * NÃO verificado em navegador real a partir deste ambiente - conferir visualmente após
 * publicar; se o site de Goiás usar outro tema, estas regras simplesmente não encontram os
 * seletores e não têm efeito algum (não quebram nada).
 *
 * Diferente de jbg-style.css (só estiliza o CONTEÚDO renderizado pelo plugin dentro de
 * `.jbg-pagina`), este arquivo mira classes do PRÓPRIO TEMA - por isso é enfileirado em TODA
 * página do site (ver jbg_enfileirar_header_footer() em jogo-bicho-goias.php).
 */

.site-header,
.inside-header {
    background-color: #b3502a !important;
    box-shadow: 0 2px 10px -4px rgba(58, 36, 24, 0.5);
}

.site-branding-container .site-title,
.site-branding-container .site-title a {
    font-family: "Fraunces", serif !important;
    font-weight: 700 !important;
    letter-spacing: 0.01em;
    color: #f5ece1 !important;
}

.site-branding-container .site-description {
    color: #f0d9c4 !important;
}

/* v2 (11/09/2026): o tema está rodando no layout "separate-containers" do GeneratePress
   (visto na classe do <body>) - o menu principal fica dentro da PRÓPRIA caixa clara/branca
   dele, separada da barra terracota do cabeçalho, então o texto claro (creme) ficava
   praticamente invisível ali (reportado pelo usuário via screenshot). Texto do menu de
   TOPO agora usa a cor terracota (escura, contraste alto no fundo branco); o submenu
   suspenso (dropdown, ul ul) continua com fundo sólido escuro, então mantém texto claro. */
.main-navigation#site-navigation ul li a,
.main-navigation.sub-menu-right ul li a {
    color: #b3502a !important;
    font-weight: 700 !important;
    padding-bottom: 2px !important;
    border-bottom: 2px solid transparent;
    transition: color 0.15s ease, border-color 0.15s ease;
}

.main-navigation#site-navigation ul li a:hover,
.main-navigation#site-navigation ul li a:focus,
.main-navigation.sub-menu-right ul li a:hover,
.main-navigation.sub-menu-right ul li a:focus {
    color: #3a2418 !important;
    border-bottom-color: #3a2418;
}

/* Mais específico que a regra acima (ul ul em vez de ul) - por isso sobrescreve de volta
   para texto claro só dentro do dropdown, que tem fundo terracota sólido. */
.main-navigation#site-navigation ul ul a,
.main-navigation.sub-menu-right ul ul a {
    color: #f5ece1 !important;
}

.main-navigation#site-navigation ul ul a:hover,
.main-navigation#site-navigation ul ul a:focus,
.main-navigation.sub-menu-right ul ul a:hover,
.main-navigation.sub-menu-right ul ul a:focus {
    color: #fffdf9 !important;
}

.main-navigation#site-navigation ul ul,
.main-navigation.sub-menu-right ul ul {
    background-color: #b3502a !important;
}

#mobile-menu-control-wrapper .mobile-menu-control-wrapper svg,
#mobile-menu-control-wrapper .menu-toggle,
.main-navigation.mobile-menu-control-wrapper svg,
.main-navigation.mobile-menu-control-wrapper .menu-toggle {
    color: #b3502a !important;
    fill: #b3502a !important;
}

.site-footer,
.site-footer .site-info,
footer.site-info {
    background-color: #3a2418 !important;
}

.site-footer .inside-site-info,
.site-footer .copyright-bar {
    color: #cbb89f !important;
    font-family: "Work Sans", sans-serif !important;
    font-size: 0.82rem !important;
}

.site-footer .copyright-bar a {
    color: #f5ece1 !important;
}

.site-footer .copyright-bar a:hover,
.site-footer .copyright-bar a:focus {
    color: #fffdf9 !important;
}

/* NOTA (10/09/2026): a barra de links legais do rodapé (.jbg-rodape-legal*) foi REMOVIDA
   deste arquivo - virou um snippet PHP+CSS avulso para o plugin WPCode (ver
   wpcode-snippet-rodape-legal.php entregue junto com este zip), fora do ciclo de release do
   plugin. */