/* Guia contextual dentro de "Mais": herda as cores do menu nos dois temas. */

/* ARMADILHA que custaria um botao fantasma: `hidden` NAO esconde nada aqui.
   `.header-actions button{display:inline-flex}` (styles.css:283) vence o
   `[hidden]{display:none}` do navegador por especificidade (classe+tipo vs.
   atributo), entao sem a regra abaixo o botao apareceria em TODAS as 31 telas,
   inclusive nas 19 que ainda nao tem capitulo escrito. */
.header-actions button.alos-guia-btn[hidden]{display:none}

/* O rotulo nao pode ser `<small>` nem ter classe terminada em -hint/-sub/-meta:
   `alos-quality.css` tem um piso de legibilidade com `!important` que casa por
   SUFIXO de classe e sequestraria o font-size (o botao ficaria maior que os
   vizinhos). `-btn-lb` nao casa com nenhum sufixo do piso. */
.alos-guia-btn-lb{white-space:nowrap}

/* CHEGADA: sem isto a pessoa cai no meio de um texto longo sem saber se o link
   funcionou — o capitulo 7 de 10 parece o topo de qualquer outro. O realce dura
   2,6s e sai sozinho (o JS remove a classe), e e so moldura: nao mexe na cor do
   texto, para nao mudar contraste medido de nada.
   `--eb-cor` e a cor do ebook aberto, declarada em `.eb-wrap.eb-reader` por
   estilo inline — usar ela faz o realce combinar com o guia, seja qual for. */
.eb-sec.alos-guia-alvo{animation:alos-guia-chegada 2.6s ease-out 1}
@keyframes alos-guia-chegada{
  0%{background:color-mix(in srgb,var(--eb-cor,#2563eb) 15%,transparent);box-shadow:0 0 0 10px color-mix(in srgb,var(--eb-cor,#2563eb) 15%,transparent);border-radius:8px}
  70%{background:color-mix(in srgb,var(--eb-cor,#2563eb) 9%,transparent);box-shadow:0 0 0 10px color-mix(in srgb,var(--eb-cor,#2563eb) 9%,transparent);border-radius:8px}
  100%{background:transparent;box-shadow:0 0 0 10px transparent;border-radius:8px}
}
/* Quem pediu menos animacao ganha o realce ESTATICO, nao "nenhum realce": a
   funcao dele e responder "foi aqui que voce chegou", e isso nao e decoracao. */
@media(prefers-reduced-motion:reduce){
  .eb-sec.alos-guia-alvo{animation:none;background:color-mix(in srgb,var(--eb-cor,#2563eb) 10%,transparent);box-shadow:0 0 0 10px color-mix(in srgb,var(--eb-cor,#2563eb) 10%,transparent);border-radius:8px}
}