/* ===========================================================================
   FirOn — ركن د. أكرم والمكتبة (الجولة الثامنة)
   يخدم: السيرة الإنجليزية · النبذة العربية · الأبحاث · فهرس الكتب · صفحات الكتب.
   رموز نظام تصميم FirOn فقط. يُحمَّل بعد firon-services.css.
   =========================================================================== */
:root{--surface-warm:#FCF5EF;--gold-decor:#A08A5C;--gold-decor-30:color-mix(in srgb,var(--gold-decor) 30%,transparent)}
/* ---------- شريط تنقّل الركن ---------- */
.crn-nav{background:var(--surface-card);border-block-end:var(--border-width) solid var(--border-subtle)}
.crn-nav__in{max-inline-size:1200px;margin-inline:auto;padding-inline:var(--space-8);display:flex;flex-wrap:wrap;gap:var(--space-2);padding-block:var(--space-3)}
.crn-nav a{display:inline-flex;align-items:center;min-block-size:var(--touch-min);padding-inline:var(--space-4);border-radius:var(--radius-pill);font-size:var(--fs-small);font-weight:var(--fw-medium);line-height:1.6;color:var(--color-action);text-decoration:none;transition:background-color var(--duration-fast) var(--ease-standard),color var(--duration-fast) var(--ease-standard)}
.crn-nav a:hover{background:var(--brand-50);color:var(--brand-800)}
.crn-nav a[aria-current=page]{background:var(--color-action);color:var(--white);font-weight:var(--fw-semibold)}
/* ---------- سيرة: هيرو بصورة طولية ---------- */
.bio-hero__grid{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:var(--space-16);align-items:center}
.bio-portrait{position:relative;aspect-ratio:4/5;inline-size:100%;max-inline-size:380px;margin-inline:auto;border-radius:16px;overflow:hidden;background:var(--brand-50);border:var(--border-width) solid var(--brand-200)}
.bio-portrait img{position:absolute;inset:0;inline-size:100%;block-size:100%;object-fit:cover;object-position:center 15%;display:block}
.bio-roles{list-style:none;margin:var(--space-4) 0 0;padding:0;display:flex;flex-wrap:wrap;gap:var(--space-2)}
.bio-roles li{display:inline-flex;align-items:center;min-block-size:32px;padding-inline:var(--space-3);border-radius:var(--radius-pill);background:var(--brand-50);border:var(--border-width) solid var(--brand-200);font-size:var(--fs-caption);font-weight:var(--fw-medium);line-height:1.6;color:var(--brand-800)}
/* ---------- خطّ زمني ---------- */
.tl{list-style:none;margin:var(--space-8) 0 0;padding:0;display:grid;gap:var(--space-4)}
.tl__item{display:grid;grid-template-columns:auto minmax(0,1fr);gap:var(--space-6);align-items:start;background:var(--surface-card);border:var(--border-width) solid var(--border-subtle);border-radius:var(--radius-md);padding:var(--space-6)}
.tl__year{display:inline-flex;align-items:center;justify-content:center;min-inline-size:96px;min-block-size:44px;padding-inline:var(--space-3);border-radius:var(--radius-sm);background:var(--brand-50);border:var(--border-width) solid var(--brand-200);font-family:var(--font-latin),var(--font-core);font-size:var(--fs-small);font-weight:var(--fw-semibold);line-height:1.6;color:var(--brand-800);direction:ltr;unicode-bidi:isolate;flex:none}
.tl__item h3{font-size:var(--fs-body-lg);font-weight:var(--fw-semibold);line-height:1.5;color:var(--text-heading);margin:0}
.tl__item p{font-size:var(--fs-small);line-height:var(--lh-body);color:var(--text-body);margin:var(--space-2) 0 0}
.tl__meta{font-size:var(--fs-caption);color:var(--text-muted);margin:4px 0 0}
.tl__item--major{background:var(--surface-warm);border:var(--border-width-strong) solid var(--gold-decor-30)}
.tl__item--major .tl__year{background:var(--color-action);border-color:var(--color-action);color:var(--white)}
.tl__item--major h3{font-size:var(--fs-h4)}
/* ---------- سرد طويل ---------- */
.prose{max-inline-size:76ch}
.prose p{font-size:var(--fs-body);line-height:var(--lh-body);color:var(--text-body);margin:0 0 var(--space-4)}
.prose h3{font-size:var(--fs-h4);font-weight:var(--fw-semibold);line-height:var(--lh-heading);color:var(--text-heading);margin:var(--space-8) 0 var(--space-3)}
.prose ul{list-style:none;margin:0 0 var(--space-4);padding:0;display:grid;gap:var(--space-2)}
.prose li{position:relative;padding-inline-start:var(--space-6);font-size:var(--fs-body);line-height:var(--lh-body);color:var(--text-body)}
.prose li::before{content:"";position:absolute;inset-inline-start:0;inset-block-start:.7em;inline-size:8px;block-size:8px;border-radius:50%;background:var(--brand-600)}
.pull{margin:var(--space-8) 0;padding:var(--space-8);background:var(--surface-warm);border-inline-start:var(--border-width-strong) solid var(--gold-decor);border-radius:var(--radius-md);font-size:var(--fs-body-lg);font-weight:var(--fw-medium);line-height:var(--lh-body);color:var(--brand-900)}
/* ---------- التعليقات ---------- */
.cmts{max-inline-size:820px}
.cmt{display:grid;grid-template-columns:auto minmax(0,1fr);gap:var(--space-4);padding:var(--space-6);background:var(--surface-card);border:var(--border-width) solid var(--border-subtle);border-radius:var(--radius-md)}
.cmt+.cmt{margin-block-start:var(--space-4)}
.cmt__av{display:flex;align-items:center;justify-content:center;inline-size:44px;block-size:44px;border-radius:var(--radius-pill);background:var(--brand-50);color:var(--color-action);flex:none}
.cmt__name{font-size:var(--fs-body);font-weight:var(--fw-semibold);line-height:1.5;color:var(--text-heading);margin:0}
.cmt__date{font-family:var(--font-latin),var(--font-core);font-size:var(--fs-caption);line-height:1.6;color:var(--text-muted);margin:2px 0 var(--space-3);direction:ltr;unicode-bidi:isolate;inline-size:fit-content}
.cmt p:last-child{font-size:var(--fs-small);line-height:var(--lh-body);color:var(--text-body);margin:0}
.cform{margin-block-start:var(--space-8);padding:var(--space-8);background:var(--surface-card);border:var(--border-width) solid var(--border-subtle);border-radius:16px;display:grid;gap:var(--space-4)}
.cform__note{font-size:var(--fs-caption);line-height:1.6;color:var(--text-muted);margin:0}
.cfield{display:grid;gap:6px}
.cfield label{font-size:var(--fs-small);font-weight:var(--fw-semibold);line-height:1.6;color:var(--text-heading)}
.creq{margin-inline-start:6px;display:inline-flex;align-items:center;min-block-size:22px;padding-inline:var(--space-2);border-radius:var(--radius-xs);background:var(--brand-50);border:var(--border-width) solid var(--brand-200);font-size:var(--fs-caption);font-weight:var(--fw-medium);color:var(--color-action)}
.cfield input,.cfield textarea{inline-size:100%;min-block-size:var(--touch-min);padding-block:10px;padding-inline:var(--space-4);background:var(--white);border:var(--border-width) solid var(--border-default);border-radius:var(--radius-sm);font-family:var(--font-core);font-size:var(--fs-small);line-height:1.6;color:var(--text-body);transition:border-color var(--duration-fast) var(--ease-standard)}
.cfield textarea{block-size:140px;resize:vertical;padding-block:var(--space-3)}
.cfield input::placeholder,.cfield textarea::placeholder{color:var(--ink-500)}
.cfield input:hover,.cfield textarea:hover{border-color:var(--brand-400)}
.cfield input:focus,.cfield textarea:focus{border-color:var(--brand-700)}
.cform__row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4)}
.cform__save{display:flex;align-items:flex-start;gap:var(--space-3);min-block-size:var(--touch-min);padding-block:var(--space-2)}
.cform__save input{flex:none;inline-size:22px;block-size:22px;margin-block-start:3px;accent-color:var(--color-action)}
.cform__save span{font-size:var(--fs-small);line-height:var(--lh-body);color:var(--text-body)}
.cform button{justify-self:start;display:inline-flex;align-items:center;justify-content:center;min-inline-size:220px;min-block-size:56px;padding-inline:var(--space-8);border:var(--border-width-strong) solid var(--color-action);border-radius:var(--radius-sm);background:var(--color-action);color:var(--white);font-family:var(--font-core);font-size:var(--fs-body);font-weight:var(--fw-semibold);line-height:1.6;cursor:pointer;transition:background-color var(--duration-fast) var(--ease-standard),border-color var(--duration-fast) var(--ease-standard)}
.cform button:hover{background:var(--color-action-hover);border-color:var(--color-action-hover)}
.cform button:active{background:var(--color-action-active);border-color:var(--color-action-active)}
/* ---------- شبكة الكتب ---------- */
.books{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-8) var(--space-6)}
.bcard{position:relative;display:flex;flex-direction:column;gap:var(--space-3);background:var(--surface-card);border:var(--border-width) solid var(--border-subtle);border-radius:var(--radius-md);padding:var(--space-6);block-size:100%;transition:transform var(--duration-base) var(--ease-standard),box-shadow var(--duration-base) var(--ease-standard),border-color var(--duration-base) var(--ease-standard)}
.bcard:hover{transform:translateY(-3px);box-shadow:var(--shadow-hover);border-color:var(--brand-200)}
.bcover{position:relative;aspect-ratio:3/4;inline-size:100%;border-radius:var(--radius-md);overflow:hidden;background:var(--brand-50);border:var(--border-width) solid var(--border-subtle)}
.bcover img{position:absolute;inset:0;inline-size:100%;block-size:100%;object-fit:cover;object-position:center top;display:block}
.bcover--fit img{object-fit:contain;background:var(--white)}
.bcard h3{font-size:var(--fs-body-lg);font-weight:var(--fw-semibold);line-height:1.5;color:var(--text-heading);margin:0}
.bcard h3 a{color:inherit;text-decoration:none}
.bcard h3 a::after{content:"";position:absolute;inset:0}
.bcard:hover h3 a{color:var(--color-action)}
.bmeta{font-size:var(--fs-caption);line-height:1.7;color:var(--text-muted);margin:0}
.btag{align-self:flex-start;display:inline-flex;align-items:center;min-block-size:28px;padding-inline:var(--space-3);border-radius:var(--radius-pill);font-size:var(--fs-caption);font-weight:var(--fw-semibold);line-height:1.6;margin-block-start:auto}
.btag--free{background:var(--color-success-surface);color:var(--green-600)}
.btag--paid{background:var(--accent-yellow);color:var(--brand-900)}
/* ---------- قالب صفحة الكتاب ---------- */
.book-hero__grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:var(--space-16);align-items:center}
.book-cover{position:relative;aspect-ratio:3/4;inline-size:100%;max-inline-size:360px;margin-inline:auto;border-radius:16px;overflow:hidden;background:var(--white);border:var(--border-width) solid var(--border-subtle)}
.book-cover img{position:absolute;inset:0;inline-size:100%;block-size:100%;object-fit:contain;display:block}
.book-facts{list-style:none;margin:var(--space-6) 0 0;padding:0;display:grid;gap:var(--space-2)}
.book-facts li{display:flex;align-items:center;gap:var(--space-3);font-size:var(--fs-small);line-height:1.7;color:var(--text-body)}
.book-facts svg{flex:none;inline-size:20px;block-size:20px;color:var(--color-action)}
.chapters{display:grid;gap:var(--space-4);margin-block-start:var(--space-8)}
.chapter{display:grid;grid-template-columns:auto minmax(0,1fr);gap:var(--space-6);background:var(--surface-card);border:var(--border-width) solid var(--border-subtle);border-radius:var(--radius-md);padding:var(--space-6)}
.chapter__n{display:flex;align-items:center;justify-content:center;inline-size:44px;block-size:44px;border-radius:var(--radius-md);background:var(--brand-50);color:var(--brand-800);font-family:var(--font-latin),var(--font-core);font-size:var(--fs-body);font-weight:var(--fw-bold);flex:none}
.chapter h3{font-size:var(--fs-body-lg);font-weight:var(--fw-semibold);line-height:1.5;color:var(--text-heading);margin:0}
.chapter p{font-size:var(--fs-small);line-height:var(--lh-body);color:var(--text-body);margin:var(--space-2) 0 0}
.pay{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-6);margin-block-start:var(--space-8)}
.pay__box{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-3);padding:var(--space-8);background:var(--surface-card);border:var(--border-width-strong) solid var(--brand-200);border-radius:var(--radius-md)}
.pay__box--local{background:var(--brand-50);border-color:var(--color-action)}
.pay__amount{display:flex;align-items:baseline;gap:8px;font-family:var(--font-latin),var(--font-core)}
.pay__amount b{font-size:var(--fs-h1);font-weight:var(--fw-bold);line-height:1.2;color:var(--brand-800)}
.pay__amount span{font-size:var(--fs-body);font-weight:var(--fw-medium);color:var(--text-body)}
.pay__box p{font-size:var(--fs-small);line-height:var(--lh-body);color:var(--text-body);margin:0}
.tel{font-family:var(--font-latin),var(--font-core);font-weight:var(--fw-semibold);color:var(--brand-800);direction:ltr;unicode-bidi:isolate}
/* ---------- صفحة السيرة الإنجليزية: منطقة المحتوى LTR ---------- */
.en{direction:ltr;text-align:left}
.en .bio-hero__grid{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr)}
.en .prose,.en .svc-body,.en .svc-lede{max-inline-size:74ch}
.en .tl__year{direction:ltr}
.en .pull{border-inline-start:var(--border-width-strong) solid var(--gold-decor)}
.en h1,.en h2,.en h3{font-family:var(--font-latin),var(--font-core)}
@media (max-width:1024px){
.bio-hero__grid,.book-hero__grid{grid-template-columns:1fr;gap:var(--space-8)}
.en .bio-hero__grid{grid-template-columns:1fr}
.books{grid-template-columns:repeat(2,minmax(0,1fr))}
.pay{grid-template-columns:1fr}
}
@media (max-width:640px){
.crn-nav__in{padding-inline:var(--gutter)}
.books{grid-template-columns:1fr;gap:12px}
.bcard{padding:var(--space-4);gap:var(--space-2)}
.tl__item,.chapter{grid-template-columns:1fr;gap:var(--space-3);padding:var(--space-4)}
.cform,.pay__box{padding:var(--space-6)}
.cform__row{grid-template-columns:1fr}
.cform button{inline-size:100%;min-inline-size:0}
.pull{padding:var(--space-6)}
}
@media (prefers-reduced-motion:reduce){.bcard{transition:none}.bcard:hover{transform:none}}

/* ---------- سطح غلاف محجوز (لا أصل مرفق) ---------- */
.book-cover--empty,.bcover--empty{display:flex;align-items:center;justify-content:center;background:var(--brand-50);border:var(--border-width-strong) dashed var(--brand-200)}
.book-cover--empty>span,.bcover--empty>span{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);padding:var(--space-6);font-size:var(--fs-small);font-weight:var(--fw-medium);line-height:1.6;color:var(--brand-800);text-align:center}
.book-cover--empty svg,.bcover--empty svg{inline-size:32px;block-size:32px;color:var(--color-action)}

/* ---------- حالة نجاح نموذج الاتصال ---------- */
.ct-success{display:flex;align-items:flex-start;gap:var(--space-4);padding:var(--space-8);background:var(--color-success-surface);border:var(--border-width) solid var(--green-600);border-radius:16px}
.ct-success__ic{flex:none;display:flex;align-items:center;justify-content:center;inline-size:48px;block-size:48px;border-radius:var(--radius-md);background:var(--white);color:var(--green-600)}
.ct-success__ic svg{inline-size:26px;block-size:26px}
.ct-success h2{font-size:var(--fs-h4);font-weight:var(--fw-semibold);line-height:var(--lh-heading);color:var(--green-600);margin:0 0 var(--space-2)}
.ct-success p{font-size:var(--fs-small);line-height:var(--lh-body);color:var(--ink-800);margin:0;max-inline-size:60ch}
@media (max-width:640px){.ct-success{padding:var(--space-6)}}

/* صفحة اتصل بنا: النموذج وحده داخل البطاقة — بلا فراغ زائد أسفله */
.bk-form-card .wp-block-columns{display:block;margin:0}
.bk-form-card form,.bk-form-card .wp-block-jetpack-contact-form{margin-block-end:0}
.bk-form-card>*:last-child,.bk-form-card .wp-block-column>*:last-child{margin-block-end:0}

/* ISS-032 (0.18.6): رابط قراءة البحث تحت كل عنصر في قائمة الأبحاث */
.tl__item .tl__more{margin-block-start:var(--space-2)}
.tl__more .svc-link{gap:var(--space-2);font-weight:var(--fw-semibold)}
.tl__arrow{display:flex}
.tl__arrow svg{inline-size:16px;block-size:16px}