/* ==========================================================================
   UPE — tema do leitor lateral (upe-prova-tema.css) (SSA1 · SSA2 · SSA3)

   A estrutura do leitor (sidebar, navegação por questão, painel de
   respostas, filtro Nível TEF) é a mesma da UEA e vem de
   /acervo/vestibulares/sp/vunesp/vunesp-prova-lateral.css|js.
   Este arquivo só troca a identidade visual: azul-marinho e verde-UPE
   no lugar do vermelho VUNESP.

   As variáveis ficam em `body#acervo-root` (e não só em
   `body.vunesp-acervo-lateral`) para valer já no primeiro paint, antes de o
   JavaScript adicionar a classe do leitor — evita o "flash" avermelhado.
   Deve ser carregado DEPOIS de vunesp-prova-lateral.css.
   ========================================================================== */

body#acervo-root,
body.vunesp-acervo-lateral{
  --ac-lat-accent:#d7a61f;
  --ac-lat-accent-dark:#966b00;
  --ac-lat-accent-light:#f3d982;
  --ac-lat-sidebar-bg:linear-gradient(165deg,#071323 0%,#0c2340 72%,#102e52 100%);
  --ac-lat-sidebar-bg-mobile:linear-gradient(135deg,#071323,#102e52);
}

/* Botão "← Voltar ao Hub": texto navy sobre fundo branco (o padrão é vinho). */
html:has(script[src*="prova-lateral.js"]) body#acervo-root>.ac-header .ac-voltar-top,
body.ac-prova-lateral>.ac-header .ac-voltar-top{
  color:#071323!important;
}

/* Questão atual no índice lateral: dourado com texto escuro (contraste AA). */
.ac-prova-lateral .ac-lat-qnav button.is-current,
.ac-prova-lateral .ac-lat-qnav a.is-current{
  background:var(--ac-lat-accent);
  border-color:var(--ac-lat-accent);
  color:#071323;
}

/* Convite ao Agente TEF-MED-UPE: verde institucional. */
body.vunesp-acervo-lateral .ac-lat-agente-cta,
.ac-prova-lateral .ac-lat-agente-cta{
  background:linear-gradient(135deg,#03351f,#22aa65);
  border-color:#22aa65;
  color:#fff;
  box-shadow:0 8px 22px rgba(0,0,0,.14);
}
body.vunesp-acervo-lateral .ac-lat-agente-cta:hover,
body.vunesp-acervo-lateral .ac-lat-agente-cta:focus-visible{
  border-color:#b7f34b;
}
body.vunesp-acervo-lateral .ac-lat-agente-cta span{
  color:rgba(255,255,255,.82);
}

/* Contorno de foco do texto das assertivas (I, II, III…) em dourado escuro. */
.ac-prova-lateral #questoes-wrap .ac-alt-label{
  color:var(--ac-lat-accent-dark);
}