/* ===========================================================================
   FirOn — طبقة نصّ المقال (prose)
   تنسّق كتل Gutenberg كما تخرج من قاعدة البيانات:
   wp-block-paragraph · wp-block-heading · wp-block-list · wp-block-quote ·
   wp-block-buttons/button · wp-block-spacer — بلا أي صنف مضاف إلى المحتوى.
   ملف مستقل يُنقل إلى ثيم ووردبريس كما هو. رموز نظام تصميم FirOn فقط.
   =========================================================================== */
:root{--prose-measure:76ch}
.firon-prose{max-inline-size:var(--prose-measure);font-family:var(--font-core);color:var(--text-body);text-align:start}
/* الفقرات */
.firon-prose p,.firon-prose .wp-block-paragraph{font-size:var(--fs-body);line-height:var(--lh-body);color:var(--text-body);margin:0 0 var(--space-6);text-wrap:pretty}
.firon-prose>p:first-child,.firon-prose>.wp-block-paragraph:first-child{font-size:var(--fs-body-lg);line-height:var(--lh-body);color:var(--text-heading)}
.firon-prose p:last-child{margin-block-end:0}
.firon-prose strong{font-weight:var(--fw-semibold);color:var(--text-heading)}
.firon-prose em{font-style:normal;font-weight:var(--fw-medium);color:var(--brand-800)}
/* العناوين — هرمية بالوزن والحجم والمسافة */
.firon-prose h2,.firon-prose h2.wp-block-heading{font-size:var(--fs-h3);font-weight:var(--fw-bold);line-height:var(--lh-heading);color:var(--text-heading);margin:var(--space-12) 0 var(--space-4);scroll-margin-block-start:140px}
.firon-prose h3,.firon-prose h3.wp-block-heading{font-size:var(--fs-h4);font-weight:var(--fw-semibold);line-height:var(--lh-heading);color:var(--brand-800);margin:var(--space-8) 0 var(--space-3);scroll-margin-block-start:140px}
.firon-prose h4,.firon-prose h4.wp-block-heading{font-size:var(--fs-body-lg);font-weight:var(--fw-semibold);line-height:var(--lh-heading);color:var(--text-heading);margin:var(--space-6) 0 var(--space-2);scroll-margin-block-start:140px}
.firon-prose h2:first-child,.firon-prose h3:first-child{margin-block-start:0}
/* فاصل هادئ فوق عناوين المستوى الثاني — بديل الخطّ الأفقي */
.firon-prose h2::before{content:"";display:block;inline-size:56px;block-size:3px;border-radius:var(--radius-pill);background:var(--gold-decor);margin-block-end:var(--space-4)}
/* القوائم */
.firon-prose ul,.firon-prose ol,.firon-prose .wp-block-list{margin:0 0 var(--space-6);padding:0;list-style:none;display:grid;gap:var(--space-3)}
.firon-prose li{position:relative;padding-inline-start:var(--space-8);font-size:var(--fs-body);line-height:var(--lh-body);color:var(--text-body)}
.firon-prose ul>li::before,.firon-prose .wp-block-list>li::before{content:"";position:absolute;inset-inline-start:var(--space-2);inset-block-start:.68em;inline-size:9px;block-size:9px;border-radius:50%;background:var(--brand-600)}
.firon-prose ol{counter-reset:firon-ol}
.firon-prose ol>li{counter-increment:firon-ol}
.firon-prose ol>li::before{content:counter(firon-ol);position:absolute;inset-inline-start:0;inset-block-start:.15em;display:flex;align-items:center;justify-content:center;inline-size:26px;block-size:26px;border-radius:var(--radius-xs);background:var(--brand-50);color:var(--brand-800);font-family:var(--font-latin),var(--font-core);font-size:var(--fs-caption);font-weight:var(--fw-bold);line-height:1}
.firon-prose li>ul,.firon-prose li>ol{margin-block:var(--space-3) 0}
/* الاقتباس */
.firon-prose blockquote,.firon-prose .wp-block-quote{margin:var(--space-8) 0;padding:var(--space-8);background:var(--surface-warm);border:0;border-inline-start:4px solid var(--gold-decor);border-radius:var(--radius-md)}
.firon-prose blockquote p{font-size:var(--fs-body-lg);font-weight:var(--fw-medium);line-height:var(--lh-body);color:var(--brand-900);margin:0 0 var(--space-3)}
.firon-prose blockquote p:last-child{margin:0}
.firon-prose blockquote cite{display:block;font-size:var(--fs-small);font-style:normal;font-weight:var(--fw-medium);line-height:1.6;color:var(--text-muted)}
/* الروابط داخل المتن */
/* روابط المتن — الأزرار مستثناة صراحةً: قاعدة الرابط كانت تورّث لونها وخطّها
   إلى .wp-block-button__link فيصير النصّ أزرق على أزرق ويختفي عند hover. */
.firon-prose a:not(.wp-block-button__link){color:var(--color-action);text-decoration-line:underline;text-decoration-thickness:1px;text-underline-offset:4px;transition:color var(--duration-fast) var(--ease-standard),text-decoration-thickness var(--duration-fast) var(--ease-standard)}
.firon-prose a:not(.wp-block-button__link):hover{color:var(--brand-800);text-decoration-thickness:2px}
/* أزرار داخل المتن */
.firon-prose .wp-block-buttons{display:flex;flex-wrap:wrap;gap:12px;margin:var(--space-8) 0}
.firon-prose .wp-block-button__link,.firon-prose a.wp-block-button__link{display:inline-flex;align-items:center;justify-content:center;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-small);font-weight:var(--fw-semibold);line-height:1.6;text-decoration:none !important;text-decoration-line:none;text-underline-offset:auto;transition:background-color var(--duration-fast) var(--ease-standard),border-color var(--duration-fast) var(--ease-standard)}
.firon-prose .wp-block-button__link:hover,.firon-prose a.wp-block-button__link:hover{background:var(--color-action-hover);border-color:var(--color-action-hover);color:var(--white);text-decoration:none !important}
.firon-prose .wp-block-button__link:active,.firon-prose a.wp-block-button__link:active{background:var(--color-action-active);border-color:var(--color-action-active);color:var(--white)}
/* strong داخل الزرّ لا يأخذ لون العناوين */
.firon-prose .wp-block-button__link strong,.firon-prose .wp-block-button__link em{color:inherit;font-weight:var(--fw-semibold);font-style:normal}
.firon-prose .wp-block-button.is-style-outline .wp-block-button__link{background:transparent;color:var(--brand-700)}
.firon-prose .wp-block-button.is-style-outline .wp-block-button__link:hover{background:var(--brand-50);border-color:var(--brand-700);color:var(--brand-800)}
/* الفواصل الرأسية من المحرّر تبقى لكن بحدّ أدنى معقول */
.firon-prose .wp-block-spacer{min-block-size:var(--space-4) !important;block-size:auto !important}
/* صور داخل المتن (غير موجودة في العيّنتين، لكن الطبقة إنتاجية) */
.firon-prose figure,.firon-prose .wp-block-image{margin:var(--space-8) 0}
.firon-prose figure img{inline-size:100%;block-size:auto;border-radius:16px;display:block}
.firon-prose figcaption{margin-block-start:var(--space-3);font-size:var(--fs-caption);line-height:1.7;color:var(--text-muted)}
/* جداول */
.firon-prose table{inline-size:100%;border-collapse:collapse;margin:var(--space-8) 0;font-size:var(--fs-small)}
.firon-prose th,.firon-prose td{padding:var(--space-3) var(--space-4);border:var(--border-width) solid var(--border-subtle);text-align:start;line-height:var(--lh-body)}
.firon-prose th{background:var(--brand-50);font-weight:var(--fw-semibold);color:var(--brand-800)}
@media (max-width:640px){
.firon-prose h2,.firon-prose h2.wp-block-heading{font-size:var(--fs-h4);margin-block-start:var(--space-8)}
.firon-prose h3,.firon-prose h3.wp-block-heading{font-size:var(--fs-body-lg)}
.firon-prose blockquote,.firon-prose .wp-block-quote{padding:var(--space-6)}
.firon-prose .wp-block-button__link{inline-size:100%}
}
/* ---------------------------------------------------------------------------
   حراسة التنسيق اليدوي (2026-09-21) — لون أو حجم أو خطّ مطبَّق من المحرّر على نصّ المتن
   لا يتقدّم على طبقة النص. القياس: 11 من 94 مقالاً منشوراً يحمل أصناف has-*-color /
   has-*-font-size أو font-size مضمّناً، ثلاثة منها (15435، 16803، 16971) بلون #000 صرف
   وأحجام 25/28px. الأصناف والقيم تبقى في المحتوى كما هي؛ هذه القواعد تحيّدها عرضاً فقط.
   --------------------------------------------------------------------------- */
.firon-prose :is(p,li).has-text-color,.firon-prose :is(p,li)[style^="color:"],.firon-prose :is(p,li)[style*=";color:"]{color:var(--text-body) !important}
.firon-prose blockquote p.has-text-color,.firon-prose blockquote p[style^="color:"],.firon-prose blockquote p[style*=";color:"]{color:var(--brand-900) !important}
.firon-prose :is(h2,h4).has-text-color,.firon-prose :is(h2,h4)[style^="color:"],.firon-prose :is(h2,h4)[style*=";color:"]{color:var(--text-heading) !important}
.firon-prose h3.has-text-color,.firon-prose h3[style^="color:"],.firon-prose h3[style*=";color:"]{color:var(--brand-800) !important}
.firon-prose :is(p,li)[class*="-font-size"],.firon-prose :is(p,li)[style*="font-size:"]{font-size:var(--fs-body) !important}
.firon-prose blockquote p[class*="-font-size"],.firon-prose blockquote p[style*="font-size:"]{font-size:var(--fs-body-lg) !important}
.firon-prose>p:first-child[class*="-font-size"],.firon-prose>p:first-child[style*="font-size:"]{font-size:var(--fs-body-lg) !important}
.firon-prose>p:first-child.has-text-color,.firon-prose>p:first-child[style^="color:"],.firon-prose>p:first-child[style*=";color:"]{color:var(--text-heading) !important}
.firon-prose h2[class*="-font-size"],.firon-prose h2[style*="font-size:"]{font-size:var(--fs-h3) !important}
.firon-prose h3[class*="-font-size"],.firon-prose h3[style*="font-size:"]{font-size:var(--fs-h4) !important}
.firon-prose h4[class*="-font-size"],.firon-prose h4[style*="font-size:"]{font-size:var(--fs-body-lg) !important}
.firon-prose .wp-block-button__link[class*="-font-size"],.firon-prose .wp-block-button__link[style*="font-size:"]{font-size:var(--fs-small) !important}
.firon-prose :is(p,li,h2,h3,h4,blockquote)[class*="-font-family"],.firon-prose :is(p,li,h2,h3,h4,blockquote)[style*="font-family:"]{font-family:inherit !important}
@media (max-width:640px){
.firon-prose h2[class*="-font-size"],.firon-prose h2[style*="font-size:"]{font-size:var(--fs-h4) !important}
.firon-prose h3[class*="-font-size"],.firon-prose h3[style*="font-size:"]{font-size:var(--fs-body-lg) !important}
}