/* ==========================================================================
   AVAPRO — Răsfoire carte (previzualizare: copertă, cuprins, pagini alese, restul blurat)
   Aceeași temă ca restul secțiunii Cărți (/carti/carti.css). Prefix: .rp-
   ========================================================================== */

.rp-hero { padding-bottom: 2.4rem; }
.rp-hero h1 { font: 800 clamp(1.8rem, 4.2vw, 2.7rem)/1.15 'Montserrat', sans-serif; margin: .4rem 0 .5rem; color: #fff; }
.rp-hero h1 em { font-style: normal; color: var(--color-green-accent); }
.rp-sub { font-family: 'Lora', serif; font-style: italic; font-size: 1.1rem; line-height: 1.55; color: rgba(255,255,255,.85); margin: 0 0 1rem; max-width: 40rem; }
.rp-note { display: flex; gap: .7rem; align-items: flex-start; background: rgba(255,255,255,.1); border: 1px solid rgba(255,255,255,.25); border-radius: 12px; padding: .9rem 1.1rem; margin: 1.1rem 0 1.3rem; max-width: 46rem; color: #fff; font-size: .92rem; line-height: 1.6; }
.rp-note b { color: var(--color-green-accent); }
.rp-note span[aria-hidden] { font-size: 1.25rem; line-height: 1.3; }

/* ---------- viewer ---------- */
.rp-viewer { background: var(--color-green-bg); padding: 1.5rem 1.25rem 0; }
.rp-viewer > * { max-width: 840px; margin-left: auto; margin-right: auto; }
.rp-label {
  display: flex; align-items: center; gap: .8rem;
  font: 700 .78rem 'Montserrat', sans-serif; letter-spacing: .12em; text-transform: uppercase;
  color: var(--color-green-dark); margin-top: 2.4rem; margin-bottom: 1rem;
}
.rp-label::after { content: ''; flex: 1; height: 1px; background: var(--color-green-border); }
.rp-label:first-child { margin-top: .4rem; }

.rp-page {
  position: relative; margin-top: 0; margin-bottom: 1.4rem; background: #fff; border-radius: 6px;
  box-shadow: 0 8px 26px rgba(27,42,74,.22); overflow: hidden; line-height: 0;
  -webkit-user-select: none; user-select: none; -webkit-touch-callout: none;
}
.rp-page img { display: block; width: 100%; height: auto; -webkit-user-drag: none; user-select: none; pointer-events: none; }
/* strat transparent peste imagine: click-dreapta / „Salvează imaginea” cad pe acest strat, nu pe imagine */
.rp-guard { position: absolute; inset: 0; z-index: 2; }
.rp-viewer > .rp-page--cover { max-width: 420px; background: transparent; box-shadow: 0 12px 34px rgba(27,42,74,.35); }

/* ---------- coada: pagina parțială + paginile blurate, cu estompare spre final ---------- */
.rp-tail { position: relative; }
.rp-tail::after {
  content: ''; position: absolute; left: -1.25rem; right: -1.25rem; bottom: 0; height: 62%;
  background: linear-gradient(to bottom, rgba(237,247,233,0) 0%, rgba(237,247,233,.85) 55%, var(--color-green-bg) 100%);
  pointer-events: none; z-index: 3;
}
.rp-tail .rp-page:last-of-type { margin-bottom: 0; }

.rp-end {
  position: relative; z-index: 4; margin-top: -9rem; max-width: 640px; text-align: center;
  background: #fff; border: 1px solid var(--color-border); border-radius: 16px;
  padding: 1.8rem 1.5rem 1.7rem; box-shadow: var(--shadow-hover);
}
.rp-end h2 { font: 800 1.45rem/1.25 'Montserrat', sans-serif; color: var(--color-navy); margin: 0 0 .6rem; }
.rp-end p { color: var(--color-text-light); line-height: 1.65; margin: 0 0 1.2rem; font-size: .96rem; }
.rp-end .bk-actions { justify-content: center; }
.rp-spacer { height: 3.5rem; }

@media (max-width: 640px) {
  .rp-viewer { padding-left: .75rem; padding-right: .75rem; }
  .rp-tail::after { left: -.75rem; right: -.75rem; }
  .rp-end { margin-top: -6rem; padding: 1.4rem 1.1rem; }
}

/* previzualizarea nu se tipărește */
@media print {
  .rp-viewer, .rp-hero .rp-note { display: none !important; }
  body::before { content: 'Previzualizarea nu se poate tipări. Cartea completă: avansproiect.ro/carti'; display: block; font: 16px sans-serif; padding: 2rem; color: #000; }
}
