/*
 * Recolorização do cabeçalho/rodapé do TEMA (GeneratePress) para a paleta "Asfalto
 * Elétrico" do site de São Paulo - pedido do usuário 10/09/2026. Kiểu escolhido pelo
 * usuário: "Kiểu B - Nền tối, điểm nhấn màu" (header/footer com base neutra escura, a cor de
 * marca (violeta) reservada só para logo/link ativo/hover) - mockup comparado em artefato
 * antes de aplicar.
 * v2 (10/09/2026): cor padrão dos links de navegação/rodapé passa a ser --sp-text-dim
 * (neutro) em vez de branco puro, com hover/estado ativo em --sp-accent-soft (violeta claro)
 * - é essa troca que faz a cor de marca ler como "acento", não como cor de base.
 *
 * 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 São Paulo usar outro tema, estas regras simplesmente não encontram
 * os seletores e não têm efeito algum (não quebram nada).
 *
 * Diferente de jbsp-style.css (só estiliza o CONTEÚDO renderizado pelo plugin dentro de
 * `.jbsp-pagina`), este arquivo mira classes do PRÓPRIO TEMA - por isso é enfileirado em
 * TODA página do site (ver jbsp_enfileirar_header_footer() em jogo-bicho-sao-paulo.php).
 */

.site-header,
.inside-header {
    background-color: #1b1d26 !important;
    border-bottom: 1px solid #2c2f3d;
}

.site-branding-container .site-title,
.site-branding-container .site-title a {
    font-family: "Unbounded", system-ui, sans-serif !important;
    font-weight: 600 !important;
    letter-spacing: 0.01em;
    color: #eef0f6 !important;
}

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

.main-navigation#site-navigation ul li a,
.main-navigation.sub-menu-right ul li a {
    color: #8d92a8 !important;
    font-weight: 600 !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: #b7acff !important;
    border-bottom-color: #b7acff;
}

.main-navigation#site-navigation ul ul,
.main-navigation.sub-menu-right ul ul {
    background-color: #21232f !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: #eef0f6 !important;
    fill: #eef0f6 !important;
}

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

.site-footer .inside-site-info,
.site-footer .copyright-bar {
    color: #8d92a8 !important;
    font-family: "IBM Plex Sans", system-ui, sans-serif !important;
    font-size: 0.82rem !important;
}

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

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

/* NOTA (10/09/2026): a barra de links legais do rodapé (.jbsp-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. */