/* ══ تفاصيلُ المقال /blog/{slug} — نُقلت من ثلاثة وسوم نمطٍ مضمَّنة (القاعدة 1 · 2026-09-03) ══
   ⚖ ألوانُ أزرار المشاركة صارت رموزَ علاماتٍ (--fnv-brand-*)؛ وما فيها من !important موروثٌ نُقل لا أُضيف — يُنظَّف عند المرور. */

/* ── الكتلة 1 (كانت عند السطر 39) ── */
/* ── عنوان المقالة: Cairo بدلاً من Readex Pro الضخم ── */
h1.blog-details-title {
    font-family: 'Readex Pro', sans-serif !important;
    font-size: clamp(1.55rem, 2.6vw, 2.3rem) !important;
    font-weight: 700 !important;
    line-height: 1.5 !important;
    letter-spacing: 0 !important;
    color: var(--fnv-ink) !important;
}

/* ── الكتلة 2 (كانت عند السطر 184) ── */
.fnv-cta-btn-dark {
    background-color: var(--fnv-ink) !important;
    color: var(--fnv-surface) !important;
    border: 2px solid var(--fnv-ink) !important;
    transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease, transform 0.3s ease;
}
.fnv-cta-btn-dark:hover {
    background-color: var(--fnv-dark-bg) !important;
    color: var(--fnv-dark-text) !important;
    box-shadow: none;
    transform: translateY(-2px);
}
.fnv-cta-btn-outline {
    background-color: transparent !important;
    color: var(--fnv-ink) !important;
    border: 2px solid var(--fnv-ink) !important;
    transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease, transform 0.3s ease;
}
.fnv-cta-btn-outline:hover {
    background-color: var(--fnv-grid) !important;
    color: var(--fnv-ink) !important;
    box-shadow: none;
    transform: translateY(-2px);
}
                            

/* ── الكتلة 3 (كانت عند السطر 277) ── */
/* ── Reading Progress Bar ── */
.reading-progress-container {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 4px;
    background: transparent;
    z-index: 99999;
    direction: rtl;
}
.reading-progress-bar {
    height: 100%;
    background: var(--fnv-ink);
    width: 0%;
    transition: width 0.1s ease-out;
}
.reading-progress-text {
    position: fixed;
    top: 6px;
    left: 50%;
    transform: translateX(-50%);
    font-family: 'Readex Pro', sans-serif;
    font-size: .8125rem;
    font-weight: 800;
    color: var(--fnv-ink);
    background: var(--fnv-surface);
    padding: 4px 12px;
    border: 1.5px solid var(--fnv-ink);
    border-radius: 0;
    opacity: 0;
    transition: opacity 0.3s;
    pointer-events: none;
    box-shadow: none;
}
.reading-progress-container.scrolled .reading-progress-text {
    opacity: 1;
}

/* ══════════════════════════════════════════════════════
   FINVIRO، EDITORIAL ARTICLE TYPOGRAPHY v3
   كل القيم بـ !important لتجاوز CSS القالب
══════════════════════════════════════════════════════ */

.editorial-article {
    direction: rtl !important;
    text-align: right !important;
    font-family: 'Readex Pro', sans-serif !important;
    font-size: 1.12rem !important;
    line-height: 1.95 !important;
    color: var(--fnv-ink) !important;
    overflow-wrap: break-word !important;
    word-wrap: break-word !important;
    max-width: 100% !important;
    padding-right: 15px !important;
    padding-left: 15px !important;
}
.editorial-article * {
    max-width: 100% !important;
    word-break: break-word !important;
}

/* ── النصوص الأساسية ── */
.editorial-article p {
    font-size: 1.12rem !important;
    line-height: 1.95 !important;
    margin-bottom: 1.5rem !important;
    color: var(--fnv-ink) !important;
    background: transparent !important;
    visibility: visible !important;
    opacity: 1 !important;
}

/* ── العناوين ── */
.editorial-article h2 {
    font-family: 'Readex Pro', sans-serif !important;
    font-size: 1.75rem !important;
    font-weight: 900 !important;
    color: var(--fnv-ink) !important;
    margin-top: 2.8rem !important;
    margin-bottom: 1.1rem !important;
    padding-bottom: 0.5rem !important;
    border-bottom: 3px solid var(--fnv-ink) !important;
    background: transparent !important;
    line-height: 1.4 !important;
}
.editorial-article h3 {
    font-family: 'Readex Pro', sans-serif !important;
    font-size: 1.35rem !important;
    font-weight: 800 !important;
    color: var(--fnv-ink) !important;
    margin-top: 2rem !important;
    margin-bottom: 0.9rem !important;
    padding-right: 14px !important;
    border-right: 4px solid var(--fnv-ink) !important;
    border-bottom: none !important;
    background: transparent !important;
    line-height: 1.4 !important;
}
.editorial-article h4 {
    font-size: 1.15rem !important;
    font-weight: 700 !important;
    color: var(--fnv-ink) !important;
    margin-top: 1.5rem !important;
    margin-bottom: 0.7rem !important;
    background: transparent !important;
}
.editorial-article h5, .editorial-article h6 {
    font-size: 1rem !important;
    font-weight: 700 !important;
    color: var(--fnv-ink) !important;
    margin-top: 1.2rem !important;
    margin-bottom: 0.5rem !important;
    background: transparent !important;
}

/* ── النص الغامق والمائل ── */
.editorial-article strong,
.editorial-article b {
    font-weight: 800 !important;
    color: var(--fnv-ink) !important;
    background: transparent !important;
}
.editorial-article em,
.editorial-article i {
    font-style: italic !important;
    color: var(--fnv-n-800) !important;
    background: transparent !important;
}
.editorial-article u { text-decoration: underline !important; }

/* ── الاقتباسات ── */
.editorial-article blockquote {
    margin: 2rem 0 !important;
    padding: 1.2rem 1.5rem !important;
    border-right: 5px solid var(--fnv-ink) !important;
    border-left: none !important;
    border-top: none !important;
    border-bottom: none !important;
    background: var(--fnv-surface-2) !important;
    font-size: 1.05rem !important;
    font-weight: 600 !important;
    color: var(--fnv-n-800) !important;
    font-style: italic !important;
    direction: rtl !important;
}
.editorial-article blockquote p {
    margin-bottom: 0 !important;
    color: var(--fnv-n-800) !important;
    background: transparent !important;
}
.editorial-article blockquote span {
    color: var(--fnv-n-800) !important;
    background: transparent !important;
}

/* ── القوائم ── */
.editorial-article ul,
.editorial-article ol {
    margin-bottom: 1.5rem !important;
    padding-right: 1.4rem !important;
    padding-left: 0 !important;
    direction: rtl !important;
}
.editorial-article ul { list-style: none !important; }
.editorial-article ul > li {
    position: relative !important;
    padding-right: 1.5rem !important;
    margin-bottom: 0.55rem !important;
    font-size: 1.05rem !important;
    line-height: 1.8 !important;
    color: var(--fnv-ink) !important;
    background: transparent !important;
}
.editorial-article ul > li::before {
    content: '◆' !important;
    position: absolute !important;
    right: 0 !important;
    top: 0.18em !important;
    font-size: .8125rem !important;
    color: var(--fnv-ink) !important;
}
.editorial-article ol { list-style: decimal !important; }
.editorial-article ol > li {
    margin-bottom: 0.55rem !important;
    font-size: 1.05rem !important;
    line-height: 1.8 !important;
    color: var(--fnv-ink) !important;
    background: transparent !important;
}

/* ── الجداول ── */
.editorial-article table {
    width: 100% !important;
    border-collapse: collapse !important;
    margin: 1.8rem 0 !important;
    font-size: .95rem !important;
    direction: rtl !important;
}
.editorial-article table th {
    background: var(--fnv-ink) !important;
    color: var(--fnv-surface) !important;
    font-family: 'Readex Pro', sans-serif !important;
    font-weight: 700 !important;
    padding: 10px 14px !important;
    text-align: right !important;
    border: 1px solid var(--fnv-ink) !important;
}
.editorial-article table td {
    padding: 9px 14px !important;
    border: 1px solid var(--fnv-n-200) !important;
    text-align: right !important;
    color: var(--fnv-n-800) !important;
    vertical-align: top !important;
    background: var(--fnv-surface) !important;
}
.editorial-article table tr:nth-child(even) td {
    background: var(--fnv-n-50) !important;
}
.editorial-article table tr:hover td {
    background: var(--fnv-grid) !important;
}

/* ── الفاصل الأفقي ── */
.editorial-article hr {
    border: none !important;
    border-top: 2px solid var(--fnv-ink) !important;
    margin: 2.5rem 0 !important;
    background: transparent !important;
}

/* ── الروابط ── */
.editorial-article a {
    color: var(--fnv-ink) !important;
    font-weight: 700 !important;
    text-decoration: underline !important;
    text-decoration-color: var(--fnv-ink-3) !important;
    text-underline-offset: 3px !important;
}
.editorial-article a:hover {
    text-decoration-color: var(--fnv-ink) !important;
    color: var(--fnv-ink) !important;
}

/* ── الصور داخل المقالة ── */
.editorial-article img {
    max-width: 100% !important;
    height: auto !important;
    display: block !important;
    margin: 1.8rem auto !important;
    border: 1px solid var(--fnv-n-100) !important;
}
.editorial-article figure { margin: 2rem 0 !important; }
.editorial-article figcaption {
    text-align: center !important;
    font-size: .82rem !important;
    color: var(--fnv-ink-3) !important;
    margin-top: 0.5rem !important;
    font-style: italic !important;
}

/* ── الكود ── */
.editorial-article code {
    font-family:"Readex Pro", sans-serif !important;
    background: var(--fnv-grid) !important;
    border: 1px solid var(--fnv-n-200) !important;
    padding: 2px 6px !important;
    font-size: .88em !important;
    color: var(--fnv-ink) !important;
    border-radius: 0 !important;
}
.editorial-article pre {
    background: var(--fnv-n-850) !important;
    color: var(--fnv-grid) !important;
    padding: 1.2rem 1.5rem !important;
    overflow-x: auto !important;
    font-family:"Readex Pro", sans-serif !important;
    font-size: .88rem !important;
    margin: 1.8rem 0 !important;
    direction: ltr !important;
    text-align: left !important;
}

/* ── span: إزالة ألوان الخلفية المُدمجة من المحرر ── */
.editorial-article span {
    background-color: transparent !important;
    color: inherit !important;
}

/* ─────────────────────────────── */
.blog-details-title { color: var(--fnv-ink) !important; font-weight: 700 !important; }
.blog-meta-text, .blog-date-text { color: var(--fnv-ink) !important; opacity: 1 !important; }

/* Social Brand Colors */
.fnv-social-share a.fnv-fb i { color: var(--fnv-brand-facebook) !important; }
.fnv-social-share a.fnv-li i { color: var(--fnv-brand-linkedin) !important; }
.fnv-social-share a.fnv-tw { color: var(--fnv-ink) !important; }
.fnv-social-share a.fnv-wa i { color: var(--fnv-brand-whatsapp) !important; }
.fnv-social-share a.fnv-tg i { color: var(--fnv-brand-x) !important; }
.fnv-social-share a, .fnv-social-share button {
    transition: transform 0.2s ease-in-out !important;
    display: inline-block !important;
}
.fnv-social-share a:hover, .fnv-social-share button:hover { transform: translateY(-3px) scale(1.1); }

.editorial-sidebar-item:hover img {
    transform: scale(1.1);
    filter: grayscale(0%) !important;
}
.editorial-hover-link { transition: color 0.3s; }
.editorial-sidebar-item:hover .editorial-hover-link {
    color: var(--fnv-ink-muted) !important;
    text-decoration: underline !important;
}

@media (max-width: 768px) {
    .editorial-article { font-size: 1rem; }
    .editorial-article h2 { font-size: 1.4rem; }
    .editorial-article h3 { font-size: 1.15rem; }
}