/* =====================================================================
   TEXT-READER.CSS — Asarlar bo'limi MATN ko'ruvchisi

   pdf-reader.css NING EGIZAGI. Ikkalasi ham asar-o-qish.html da yuklanadi,
   lekin bir vaqtda faqat BITTASI kuchga kiradi:
     - PDF bo'lsa   → .rd-paper.pdf-paper   (pdf-reader.css)
     - matn bo'lsa  → .rd-paper.text-paper  (shu fayl)

   Maqsad — o'quvchi farqni SEZMASLIGI: bir xil qog'oz, bir xil oyna
   balandligi, bir xil soya va burchaklar. Faqat ichida canvas o'rniga
   tanlanadigan, kattalashtiriladigan HTML matn turadi.

   reader.css va pdf-reader.css GA TEGILMAYDI.
   ===================================================================== */

/* ── Qog'oz: PDF varag'i bilan bir xil geometriya ──────────────────────
   pdf-reader.css `.rd-paper.pdf-paper` ga `padding: 0` beradi — canvas
   o'zi to'ldirgani uchun. Matnda ham xuddi shunday: ichki bo'shliqni
   .tx-stage beradi, shunda ikkala rejimda qog'oz cheti bir joyda turadi. */
.rd-paper.text-paper {
  padding: 0;
  overflow: hidden;
  /* `min-height` BERILMAYDI. PDF da u kerak edi — canvas yuklangunicha
     qog'oz qulab qolmasin. Matn esa sinxron chiziladi va bet uzunligi har
     xil: qisqa she'r bir necha qator. 320px chegara qisqa asarda qog'oz
     ostida bo'sh joy qoldirardi. */
}

/* ── Sahna ── */
.pv-stage.tx-stage {
  position: relative;
  padding: 16px 16px 10px;
}

/* ── O'qish oynasi ─────────────────────────────────────────────────────
   .pv-canvas-wrap dan meros: balandligi --a4-view-h (pdf-reader.css da
   e'lon qilingan), ichi aylantiriladi. Matnda esa canvas yo'q, shuning
   uchun flex markazlash O'CHIRILADI: matn bloki oynani to'liq egallashi
   va yuqoridan boshlanishi kerak. */
.pv-canvas-wrap.tx-scroll {
  display: block;                  /* flex EMAS — matn oqim bo'ylab tushadi */
  background: var(--rd-paper);     /* qog'oz rangi temaga ergashadi */
  padding: 34px 40px 40px;
  box-sizing: border-box;

  /* MUHIM: bu yerda `height` EMAS, `max-height`.
     PDF da har bet A4 — balandligi doim bir xil, shuning uchun qat'iy
     `height` to'g'ri edi. Matnda esa bet uzunligi har xil: qisqa she'r
     bir necha qator, roman beti esa to'la. Qat'iy balandlikda qisqa
     she'rdan keyin yarim ekran bo'sh qog'oz qolardi.
     `max-height` + `height: auto`: qisqa matnda qog'oz matnga qisiladi,
     uzun betda esa oyna chegarasiga yetib aylantiriladi. */
  height: auto;
  max-height: var(--a4-view-h);
  min-height: 0;                   /* .pv-canvas-wrap dagi 320px ni bekor qiladi */
}

/* Tungi rejimda PDF canvas'i invert qilinadi (pdf-reader.css). Matnda
   invert KERAK EMAS — rang o'zgaruvchilari allaqachon to'g'ri, filtr esa
   matnni xiralashtirardi. Shuning uchun bu yerda hech narsa qilinmaydi. */

/* ── Matn bloki ────────────────────────────────────────────────────────
   Uslublarning asosiy qismi reader.css dagi `.rd-content` dan keladi
   (paragraf, sarlavha, iqtibos, drop-cap, she'r bandlari, bet o'girish
   animatsiyasi). Bu yerda faqat oyna ichidagi joylashuvi sozlanadi. */
.pv-canvas-wrap.tx-scroll .rd-content {
  /* O'qish uzunligi: juda keng qator ko'zni charchatadi. Qog'oz 1100px
     gacha kengaysa ham, matn ustuni 68ch atrofida qoladi va markazlanadi. */
  max-width: 68ch;
  margin: 0 auto;
  /* `min-height: 100%` BERILMAYDI — u qisqa betni ham oyna balandligiga
     cho'zib, qog'oz ostida bo'sh joy qoldirardi (yuqoridagi izohga qarang). */
}

/* ── She'r ─────────────────────────────────────────────────────────────
   She'r qatorlari kalta va turli uzunlikda. Ularni chapdan tekislash
   SHART (reader.css `.is-poetry` shuni beradi) — aks holda vazn buziladi.
   Ammo qatorlar bloki sahifada MARKAZDA turishi kerak, chapga yopishib
   qolmasligi: `width: fit-content` blokni eng uzun qatorga qisadi,
   `margin: 0 auto` esa uni markazlaydi. Natijada qatorlar o'zaro chapdan
   tekis, blokning o'zi esa varaq o'rtasida. */
.pv-canvas-wrap.tx-scroll .rd-content.is-poetry {
  width: fit-content;
  max-width: 100%;              /* juda uzun qator qog'ozni toshirmasin */
  margin-left: auto;
  margin-right: auto;
}
/* Uzun she'r qatori: kesib tashlash o'rniga o'ralsin. Vazn biroz buziladi,
   ammo matn o'qilmay qolgandan yaxshi (kichik ekran, katta shrift). */
.pv-canvas-wrap.tx-scroll .rd-content.is-poetry .rd-line {
  overflow-wrap: break-word;
}

/* ── Tanlash: iqtibos nusxalash uchun ──────────────────────────────────
   style.css saytda `user-select` ni cheklashi mumkin. O'qish oynasida
   matn tanlanishi KERAK — bu matn rejimining asosiy afzalligi. */
.pv-canvas-wrap.tx-scroll .rd-content,
.pv-canvas-wrap.tx-scroll .rd-content * {
  -webkit-user-select: text;
  user-select: text;
}
.pv-canvas-wrap.tx-scroll .rd-content ::selection {
  background: color-mix(in srgb, var(--rd-gold) 30%, transparent);
}

/* ── Sozlamalar panelidagi tipografiya guruhlari ──────────────────────
   text-reader.js ularni JS orqali qo'shadi (HTML da yo'q). Ko'rinishi
   PDF ning masshtab steppieri bilan bir xil — `.rd-stepper` reader.css
   dan keladi, bu yerda faqat o'chirilgan tugma holati aniqlanadi. */
.tx-set-group .rd-step-btn:disabled {
  opacity: .35;
  cursor: default;
}

/* ── Folio (bet raqami) ────────────────────────────────────────────────
   PDF sahnasidagidek: oqim elementi, canvas/matn ostida markazda. */
.pv-stage.tx-stage .rd-folio {
  position: static;
  text-align: center;
  padding-top: 10px;
}

/* ── Mobil ────────────────────────────────────────────────────────────
   pdf-reader.css mobilda oynani `calc(100vh - 230px)` qiladi. Matnda
   ham xuddi shu balandlik — ikkala rejim bir xil his bersin. Faqat
   ichki bo'shliq kichrayadi: kichik ekranda 40px chekka juda ko'p. */
@media (max-width: 768px) {
  .pv-stage.tx-stage { padding: 12px 10px 10px; }
  .pv-canvas-wrap.tx-scroll { padding: 22px 20px 28px; }
  /* Kichik ekranda ustun cheklovi ortiqcha — oyna o'zi tor */
  .pv-canvas-wrap.tx-scroll .rd-content { max-width: none; }

  /* She'r: `width: fit-content` MOBILDA BEKOR QILINADI.
     U blokni eng uzun qatorga qisadi — kichik ekranda esa aynan shu qator
     oyna kengligidan oshib, butun qog'ozni gorizontal toshirib yuboradi.
     Mobilda blok oddiy oqim bo'ylab to'liq kenglikni egallaydi, qatorlar
     esa reader.css hisobiga chapdan tekis qoladi. */
  .pv-canvas-wrap.tx-scroll .rd-content.is-poetry {
    width: auto;
    max-width: none;
  }
}

@media (max-width: 480px) {
  .pv-canvas-wrap.tx-scroll { padding: 18px 15px 24px; }
}

/* ── Chop etish ───────────────────────────────────────────────────────
   PDF ni chop etib bo'lmaydi (canvas), matnni esa mumkin. Ammo asarlar
   mualliflik huquqi bilan himoyalangan va yuklab olish ATAYLAB yo'q
   (pdf-reader.js izohiga qarang) — chop etishda ham faqat joriy bet
   chiqadi, chrome esa olib tashlanadi. */
@media print {
  .header, .footer, .rd-toolbar, .rd-settings, .rd-nav,
  .rd-bm-panel, .rd-siblings, .rd-backlist, .rd-progress,
  .rd-bookmark { display: none !important; }
  .pv-canvas-wrap.tx-scroll {
    height: auto !important;
    overflow: visible !important;
    box-shadow: none !important;
    padding: 0 !important;
  }
  .rd-paper.text-paper { box-shadow: none !important; }
}