/* Leitor de PDF (assets/js/pdf-leitor.js). Só carrega em publicações com PDF. */

/* A janela de leitura: barra escura em cima, fundo verde-acinzentado para as folhas brancas se destacarem. */
.pdf-leitor { --zoom: 1; max-width: 920px; margin-block: 1.4em; border: 2px solid var(--ink); background: var(--soft); }
.pdf-leitor-barra { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 12px; padding: 8px 10px; background: var(--ink); color: var(--paper); font: 500 .9rem/1.2 var(--text); }
.pdf-leitor-titulo { flex: 1 1 0; min-width: 6ch; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } /* encolhe com reticências: no celular a barra cabe numa linha */
.pdf-leitor-contador { color: var(--leaf); font-variant-numeric: tabular-nums; }
.pdf-leitor-botao { display: inline-grid; place-items: center; width: 36px; height: 36px; padding: 0; border: 2px solid rgba(241, 245, 232, .4); border-radius: 0; background: transparent; color: var(--paper); cursor: pointer; }
.pdf-leitor-botao:hover:not(:disabled) { border-color: var(--yellow); background: var(--yellow); color: var(--ink); }
.pdf-leitor-botao:disabled { opacity: .4; cursor: default; }
.pdf-leitor-baixar { padding: 8px 12px; background: var(--yellow); color: var(--ink); text-decoration: none; }
.pdf-leitor-baixar:hover { filter: brightness(1.07); }
.pdf-leitor-botao:focus-visible, .pdf-leitor-baixar:focus-visible { outline: 3px solid var(--yellow); outline-offset: 2px; }

/* As páginas rolam dentro da janela (como o embed nativo de antes). O zoom aumenta a largura das folhas e a janela rola dos lados. */
.pdf-leitor-janela { position: relative; height: min(85vh, 900px); padding: 12px; overflow: auto; }
.pdf-leitor-janela:focus-visible { outline: 3px solid var(--yellow); outline-offset: -3px; }
.pdf-leitor-folha { position: relative; width: calc(100% * var(--zoom)); margin: 0 auto 12px; background: #fff; box-shadow: 0 2px 10px rgba(0, 20, 8, .35); }
.pdf-leitor-folha:last-child { margin-bottom: 0; }
.pdf-leitor-folha canvas { display: block; width: 100%; height: 100%; }
.pdf-leitor-aviso { margin: 0; padding: 18px; color: var(--paper); font-size: var(--s-small); }
.pdf-leitor-aviso a { color: var(--yellow); }

/* Se o PDF não abre, sobra só o aviso e o link: sem a janela alta vazia e sem os botões que não teriam o que fazer. */
.pdf-leitor[data-estado="erro"] .pdf-leitor-janela { height: auto; }
.pdf-leitor[data-estado="erro"] .pdf-leitor-botao { display: none; }

/* Tela cheia: a janela ocupa o que sobra embaixo da barra. */
.pdf-leitor:fullscreen { display: flex; flex-direction: column; max-width: none; margin: 0; border: 0; }
.pdf-leitor:fullscreen .pdf-leitor-janela { flex: 1; height: auto; }

/* O botão "Baixar" do bloco Arquivo, no mesmo desenho do botão amarelo do tema. */
.conteudo .wp-block-file__button { display: inline-flex; align-items: center; margin-left: 0; padding: 12px 30px 12px 18px; border-radius: 0; background: var(--yellow); color: var(--ink); font: 500 .95rem/1.1 var(--text); text-decoration: none; clip-path: polygon(0 0, calc(100% - 12px) 0, 100% 50%, calc(100% - 12px) 100%, 0 100%); }
.conteudo .wp-block-file__button:hover { filter: brightness(1.07); color: var(--ink); }
.conteudo .wp-block-file__button:focus-visible { outline: 3px solid var(--ink); outline-offset: -6px; }
.conteudo .wp-block-file > a:not(.wp-block-file__button) { display: inline-block; margin: 0 .8em .5em 0; font-weight: 500; }

@media print { .pdf-leitor-barra { display: none; } .pdf-leitor-janela { height: auto; overflow: visible; } }