/* ==========================================================================
   Paged.js layout for cached reader pages (بدون اجرای مجدد polyfill)
   اندازه هم‌خوان با reader: 794×1123، حاشیه ۶۸/۶۰/۷۴
   ========================================================================== */

:root {
    --pagedjs-width: 794px;
    --pagedjs-height: 1123px;
    --pagedjs-width-right: 794px;
    --pagedjs-height-right: 1123px;
    --pagedjs-width-left: 794px;
    --pagedjs-height-left: 1123px;
    --pagedjs-pagebox-width: 794px;
    --pagedjs-pagebox-height: 1123px;
    --pagedjs-footnotes-height: 0px;
    --pagedjs-margin-top: 68px;
    --pagedjs-margin-right: 60px;
    --pagedjs-margin-bottom: 74px;
    --pagedjs-margin-left: 60px;
    --pagedjs-padding-top: 0px;
    --pagedjs-padding-right: 0px;
    --pagedjs-padding-bottom: 0px;
    --pagedjs-padding-left: 0px;
    --pagedjs-border-top: 0px;
    --pagedjs-border-right: 0px;
    --pagedjs-border-bottom: 0px;
    --pagedjs-border-left: 0px;
    --pagedjs-bleed-top: 0px;
    --pagedjs-bleed-right: 0px;
    --pagedjs-bleed-bottom: 0px;
    --pagedjs-bleed-left: 0px;
    --pagedjs-bleed-right-top: 0px;
    --pagedjs-bleed-right-right: 0px;
    --pagedjs-bleed-right-bottom: 0px;
    --pagedjs-bleed-right-left: 0px;
    --pagedjs-bleed-left-top: 0px;
    --pagedjs-bleed-left-right: 0px;
    --pagedjs-bleed-left-bottom: 0px;
    --pagedjs-bleed-left-left: 0px;
    --pagedjs-column-gap-offset: 0px;
    --pagedjs-page-counter-increment: 1;
    --pagedjs-mark-crop-display: none;
    --pagedjs-mark-cross-display: none;
}

.pagedjs_page {
    width: var(--pagedjs-width);
    height: var(--pagedjs-height);
    position: relative;
    overflow: hidden;
    background: #fff;
    color: #23201f;
    box-sizing: border-box;
}

/* روی جلد / پشت جلد: بدون حاشیه تا تصویر تمام‌صفحه دیده شود */
.pagedjs_page.pagedjs_first_page,
.pagedjs_page:has(.rd-cover--back),
.pagedjs_page:has(.rd-cover--image) {
    --pagedjs-margin-top: 0px;
    --pagedjs-margin-right: 0px;
    --pagedjs-margin-bottom: 0px;
    --pagedjs-margin-left: 0px;
}
.pagedjs_page.pagedjs_first_page .pagedjs_page_content,
.pagedjs_page:has(.rd-cover--back) .pagedjs_page_content,
.pagedjs_page:has(.rd-cover--image) .pagedjs_page_content {
    column-width: auto !important;
    width: 100% !important;
    height: 100% !important;
}
.pagedjs_page.pagedjs_first_page .pagedjs_area,
.pagedjs_page:has(.rd-cover--back) .pagedjs_area,
.pagedjs_page:has(.rd-cover--image) .pagedjs_area {
    overflow: hidden;
}

.pagedjs_sheet {
    box-sizing: border-box;
    width: var(--pagedjs-width);
    height: var(--pagedjs-height);
    overflow: hidden;
    position: relative;
    display: grid;
    grid-template-columns: [bleed-left] var(--pagedjs-bleed-left) [sheet-center] calc(var(--pagedjs-width) - var(--pagedjs-bleed-left) - var(--pagedjs-bleed-right)) [bleed-right] var(--pagedjs-bleed-right);
    grid-template-rows: [bleed-top] var(--pagedjs-bleed-top) [sheet-middle] calc(var(--pagedjs-height) - var(--pagedjs-bleed-top) - var(--pagedjs-bleed-bottom)) [bleed-bottom] var(--pagedjs-bleed-bottom);
}

.pagedjs_bleed { display: none; }

.pagedjs_pagebox {
    box-sizing: border-box;
    width: var(--pagedjs-pagebox-width);
    height: var(--pagedjs-pagebox-height);
    position: relative;
    display: grid;
    grid-template-columns: [left] var(--pagedjs-margin-left) [center] calc(var(--pagedjs-pagebox-width) - var(--pagedjs-margin-left) - var(--pagedjs-margin-right)) [right] var(--pagedjs-margin-right);
    grid-template-rows: [header] var(--pagedjs-margin-top) [page] calc(var(--pagedjs-pagebox-height) - var(--pagedjs-margin-top) - var(--pagedjs-margin-bottom)) [footer] var(--pagedjs-margin-bottom);
    grid-column: sheet-center;
    grid-row: sheet-middle;
}

.pagedjs_pagebox * { box-sizing: border-box; }

.pagedjs_margin-top,
.pagedjs_margin-bottom,
.pagedjs_margin-left,
.pagedjs_margin-right,
.pagedjs_margin-top-left-corner-holder,
.pagedjs_margin-top-right-corner-holder,
.pagedjs_margin-bottom-left-corner-holder,
.pagedjs_margin-bottom-right-corner-holder {
    /* مارجین‌باکس خالی — فقط فضا برای grid */
    overflow: hidden;
}

.pagedjs_margin-top {
    grid-column: center;
    grid-row: header;
}
.pagedjs_margin-bottom {
    grid-column: center;
    grid-row: footer;
}
.pagedjs_margin-left {
    grid-column: left;
    grid-row: page;
}
.pagedjs_margin-right {
    grid-column: right;
    grid-row: page;
}
.pagedjs_margin-top-left-corner-holder { grid-column: left; grid-row: header; }
.pagedjs_margin-top-right-corner-holder { grid-column: right; grid-row: header; }
.pagedjs_margin-bottom-left-corner-holder { grid-column: left; grid-row: footer; }
.pagedjs_margin-bottom-right-corner-holder { grid-column: right; grid-row: footer; }

.pagedjs_area {
    grid-column: center;
    grid-row: page;
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
}

.pagedjs_page_content {
    width: 100%;
    height: calc(100% - var(--pagedjs-footnotes-height));
    position: relative;
    column-fill: auto;
    overflow: hidden;
    color: #23201f;
}