/* ============================================================
   FORMIENTU · assets/css/reader.css
   Lector de PDF propiu sobre PDF.js (autoaloxáu, ensin serviciu
   esternu). Namás s'encola en single-numberu.php (formientu_enqueue_assets).
   Depende de pdf_viewer.css (vendor/pdfjs), encoláu enantes qu'esti
   ficheru — equí namás va la "chrome" decorativa: la mecánica de
   capes de testu/páxina vive nel CSS oficial de PDF.js, ensin tocar.
   ============================================================ */

.pdfreader{border:1px solid var(--line);background:var(--paper-2);margin-bottom:2.4rem}

/* llinia de progresu de carga, arriba de tou — visible ensin necesidá de
   scroll (enantes yera un testu embaxo del visor, prácticamente invisible).
   Mesmu patrón que .readbar (artículos), namás qu'esta vive dientro del
   propiu componente. Escuéndese sola cuando'l PDF ya cargó (reader.js). */
.pdfreader-progress{height:3px;background:var(--line);overflow:hidden}
.pdfreader-progress span{display:block;height:100%;width:0;background:var(--pop);transition:width .2s ease}
.pdfreader-progress[hidden]{display:none}

/* estáu testual: solo pa lectores de pantalla mientres carga (la llinia
   de progresu yá informa visualmente); si hai fallu, amuésase de verdá,
   arriba de tou, ensin falta de scroll. */
.pdfreader-status{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0;font-family:var(--f-ui);font-size:.92rem}
.pdfreader-status[hidden]{display:none}
.pdfreader-status.is-error{position:static;width:auto;height:auto;margin:0;clip:auto;white-space:normal;padding:.9rem 1rem;text-align:center;color:var(--pop-text);background:var(--paper-2);border-bottom:1px solid var(--line)}

/* barra de ferramientes */
.pdfreader-toolbar{display:flex;align-items:center;gap:.3rem;flex-wrap:wrap;padding:.5rem .7rem;border-bottom:1px solid var(--line);background:var(--paper)}
.pdfreader-toolbar .sep{width:1px;height:24px;background:var(--line-strong);margin:0 .3rem}
.pdfreader-toolbar .iconbtn{width:38px;height:38px}
.pdfreader-toolbar .iconbtn:disabled{opacity:.35;cursor:default}
.pdfreader-toolbar .iconbtn:disabled:hover{background:none}
.pdfreader-pageinfo{display:flex;align-items:center;gap:.4rem;font-family:var(--f-ui);font-size:.86rem;color:var(--ink-soft);white-space:nowrap}
.pdfreader-pageinfo input{width:3.2rem;text-align:center;font:inherit;color:var(--ink);background:var(--paper-2);border:1.5px solid var(--line-strong);padding:.3rem}
.pdfreader-zoom{display:flex;align-items:center;gap:.4rem;font-family:var(--f-ui);font-size:.82rem;color:var(--ink-soft);white-space:nowrap;min-width:3.6rem;justify-content:center}
.pdfreader-toolbar .spacer{flex:1}
.pdfreader-toolbar a.iconbtn{text-decoration:none;color:var(--ink)}

/* barra de gueta */
.pdfreader-search{display:flex;align-items:center;gap:.5rem;padding:.6rem .7rem;border-bottom:1px solid var(--line);background:var(--paper-2);flex-wrap:wrap}
.pdfreader-search[hidden]{display:none}
.pdfreader-search input[type=search]{flex:1;min-width:10rem;background:var(--paper);border:1.5px solid var(--line-strong);color:var(--ink);padding:.5rem .7rem;font:inherit}
.pdfreader-search .count{font-family:var(--f-ui);font-size:.8rem;color:var(--ink-soft);white-space:nowrap}
.pdfreader-search .iconbtn{width:34px;height:34px}

/* viewport: PDFViewer esixe que'l so «container» tenga position:absolute
   de verdá (comprobación en JS, nun val relative) — .pdfreader-viewport ye
   l'ancestru posicionáu y dimensionáu, .pdfreader-scroll ye'l container
   real que se-y pasa al PDFViewer, ocupando tol espaciu vía inset:0. */
.pdfreader-viewport{position:relative;height:min(68vh,760px);overflow:hidden;background:var(--paper-3)}
.pdfreader-scroll{position:absolute;inset:0;overflow:auto}
.pdfreader-scroll .pdfViewer .page{margin:14px auto;border:1px solid var(--line);box-shadow:0 2px 10px #00000022;background:#fff}
:root[data-theme="dark"] .pdfreader-scroll .pdfViewer .page{box-shadow:0 2px 14px #00000055}

/* altu contraste del PDF: control propiu del lector (botón #pr-contrast),
   ENSIN nengún enllaz col mou claru/escuru de la web — un PDF a colores
   nun tien por qué invertise solo porque'l sitiu ta en mou escuru, y
   viceversa. Estáu recordáu en localStorage (reader.js). */
.pdfreader.is-inverted .pdfViewer canvas{filter:invert(1) hue-rotate(180deg)}
#pr-contrast[aria-pressed="true"]{background:var(--navy);color:#fff}
#pr-contrast[aria-pressed="true"]:hover{background:var(--navy-2)}

@media (max-width:680px){
  .pdfreader-viewport{height:70vh}
  .pdfreader-pageinfo{order:1;flex-basis:100%;justify-content:center;margin-top:.3rem}
}

@media (prefers-reduced-motion:reduce){.pdfreader *{scroll-behavior:auto!important}}