/*
* Recolorização do cabeçalho/rodapé do TEMA (GeneratePress) para a paleta "Ficha do Bicho"
* do site - 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 para dar profundidade, sublinhado no hover dos links, divisor mais suave entre o
* rodapé e a barra de links legais) - sem mudar a estrutura, só refinar o que já existia.
*
* Confirmado via screenshot do DevTools em bichodeunoposte.com (WordPress + tema
* GeneratePress, sem customização de cor feita no Customizer) que a estrutura é:
*
* ...
*
*
* Diferente de bdnp-style.css (que só estiliza o CONTEÚDO renderizado pelo plugin dentro de
* `.bdnp-pagina`), este arquivo mira classes do PRÓPRIO TEMA - por isso é enfileirado em TODA
* página do site (ver bdnp_enfileirar_assets() em bicho-deu-no-poste.php), não só nas 3/6
* páginas do plugin, já que o cabeçalho/rodapé aparecem em qualquer página do WordPress.
*
* NÃO foi possível verificar em navegador real a partir deste ambiente - conferir
* visualmente após publicar (menu mobile, hover, etc.) e ajustar seletores se o tema tiver
* sido customizado além do padrão (cores no Customizer, filhote de tema, etc.).
*/
.site-header,
.inside-header {
background-color: var(--bdnp-esmeralda, #1f6e45) !important;
box-shadow: 0 2px 10px -4px rgba(43, 36, 22, 0.45);
}
.site-branding-container .site-title,
.site-branding-container .site-title a {
font-family: "Baloo 2", "Nunito Sans", sans-serif !important;
font-weight: 700 !important;
letter-spacing: 0.01em;
color: var(--bdnp-papel, #f0dfae) !important;
}
.site-branding-container .site-description {
color: var(--bdnp-esmeralda-suave, #cfe3d5) !important;
}
/* v3 (11/09/2026): o tema está rodando no layout "separate-containers" do GeneratePress
(visto na classe do ) - o menu principal fica dentro da PRÓPRIA caixa clara/branca
dele, separada da barra verde do cabeçalho, então o texto claro (papel) ficava
praticamente invisível ali (reportado pelo usuário via screenshot). Texto do menu de
TOPO agora usa a cor esmeralda (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: var(--bdnp-esmeralda, #1f6e45) !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: var(--bdnp-carmim, #b23a3a) !important;
border-bottom-color: var(--bdnp-carmim, #b23a3a);
}
/* 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 esmeralda sólido. */
.main-navigation#site-navigation ul ul a,
.main-navigation.sub-menu-right ul ul a {
color: var(--bdnp-papel, #f0dfae) !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: var(--bdnp-branco, #fffdf6) !important;
}
.main-navigation#site-navigation ul ul,
.main-navigation.sub-menu-right ul ul {
background-color: var(--bdnp-esmeralda, #1f6e45) !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: var(--bdnp-esmeralda, #1f6e45) !important;
fill: var(--bdnp-esmeralda, #1f6e45) !important;
}
.site-footer,
.site-footer .site-info,
footer.site-info {
background-color: var(--bdnp-tinta, #2b2416) !important;
}
.site-footer .inside-site-info,
.site-footer .copyright-bar {
color: var(--bdnp-tinta-suave, #7a6a4e) !important;
font-family: "Nunito Sans", sans-serif !important;
font-size: 0.82rem !important;
}
.site-footer .copyright-bar a {
color: var(--bdnp-papel, #f0dfae) !important;
}
.site-footer .copyright-bar a:hover,
.site-footer .copyright-bar a:focus {
color: var(--bdnp-branco, #fffdf6) !important;
}
/* NOTA (10/09/2026): a barra de links legais do rodapé (.bdnp-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. */