/* ============================================================================
   banrisul-tema.css — tema visual do menu lateral das páginas Banrisul
   ----------------------------------------------------------------------------
   Aplica o fundo azul-marinho da marca (#000050) e o logo "banrisul" no topo da
   sidebar de TODAS as páginas banrisul_*.html — tanto na sidebar enxuta do
   cliente (injetada por /banrisul-sidebar.js) quanto na sidebar completa que a
   equipe interna continua vendo (com todos os itens/submenus do portal).

   Escopo: `body.pb-has-sidebar` — classe presente no <body> de todas essas
   páginas. Como este arquivo só é carregado pelas páginas banrisul_*.html, as
   demais telas do portal (que compartilham as mesmas classes .pb-sidebar) NÃO
   são afetadas. O prefixo `.pb-sidebar` garante especificidade suficiente para
   prevalecer sobre o bloco <style> inline de cada página.

   Carregado logo após /mobile-fix.css.
   ========================================================================== */

/* --- fundo azul-marinho da marca --- */
body.pb-has-sidebar .pb-sidebar{
  background:#000050;
}

/* --- cabeçalho: logo completo "banrisul" (some no menu recolhido junto
   com .logo-text) --- */
body.pb-has-sidebar .pb-sidebar-logo .pb-brand-logo{
  display:block;width:150px;max-width:100%;height:auto;
}
body.pb-has-sidebar .pb-sidebar .since{
  color:rgba(255,255,255,.5);margin-top:6px;
}

/* --- botão de recolher --- */
body.pb-has-sidebar .pb-collapse-btn{
  background:rgba(255,255,255,.1);color:rgba(255,255,255,.75);
}
body.pb-has-sidebar .pb-collapse-btn:hover{
  background:rgba(255,255,255,.2);color:#fff;
}

/* --- bloco do usuário --- */
body.pb-has-sidebar .pb-sidebar .pb-sidebar-user{
  color:rgba(255,255,255,.7);
  border-top-color:rgba(255,255,255,.1);
  border-bottom-color:rgba(255,255,255,.1);
}
body.pb-has-sidebar .pb-sidebar .pb-sidebar-user .pb-avatar{
  background:#0a4d9c;color:#fff;
}

/* --- itens de navegação (nível 1) --- */
body.pb-has-sidebar .pb-sidebar .pb-nav-item{
  color:rgba(255,255,255,.72);
}
body.pb-has-sidebar .pb-sidebar .pb-nav-item:hover{
  background:rgba(255,255,255,.08);color:#fff;
}
body.pb-has-sidebar .pb-sidebar .pb-nav-item > i:first-child{
  color:rgba(255,255,255,.55);
}
body.pb-has-sidebar .pb-sidebar .pb-nav-item .caret{
  color:rgba(255,255,255,.3);
}

/* item ativo (folha) */
body.pb-has-sidebar .pb-sidebar .pb-nav-item.pb-active-leaf{
  background:rgba(77,135,250,.22);color:#fff;
  box-shadow:inset 3px 0 0 #4d87fa;
}
body.pb-has-sidebar .pb-sidebar .pb-nav-item.pb-active-leaf > i:first-child{
  color:#fff;
}
body.pb-has-sidebar .pb-sidebar .pb-nav-item.pb-active-leaf .caret{
  color:rgba(255,255,255,.7);
}

/* grupo (parent) aberto — visão da equipe interna */
body.pb-has-sidebar .pb-sidebar .pb-nav-parent.pb-open{
  background:rgba(255,255,255,.08);color:#fff;
}
body.pb-has-sidebar .pb-sidebar .pb-nav-parent.pb-open > i:first-child{
  color:#fff;
}
body.pb-has-sidebar .pb-sidebar .pb-nav-parent.pb-open .caret{
  color:rgba(255,255,255,.7);
}

/* --- submenus (nível 2) — visão da equipe interna --- */
body.pb-has-sidebar .pb-sidebar .pb-nav-sub-wrap{
  background:rgba(0,0,0,.2);
  border-top-color:rgba(255,255,255,.07);
  border-bottom-color:rgba(255,255,255,.07);
}
body.pb-has-sidebar .pb-sidebar .pb-nav-sub{
  color:rgba(255,255,255,.62);
}
body.pb-has-sidebar .pb-sidebar .pb-nav-sub:hover{
  background:rgba(255,255,255,.06);color:#fff;
}
body.pb-has-sidebar .pb-sidebar .pb-nav-sub.pb-active{
  background:rgba(77,135,250,.2);color:#fff;
}

/* --- separadores e rodapé --- */
body.pb-has-sidebar .pb-sidebar .pb-nav-sep{
  color:rgba(255,255,255,.45);
}
body.pb-has-sidebar .pb-sidebar .pb-nav-footer{
  border-top-color:rgba(255,255,255,.1);
}

/* --- botão hambúrguer (mobile) --- */
body.pb-has-sidebar .pb-hamburger{
  background:#000050;
}
