/* أنماطُ partials/context_bar — نُقلت 2026-08-20 (CLAUDE.md قاعدة 1). ⚖ تُحمَّل عبر @once+@push('style-override') — والدفعُ من جسم التخطيط مُثبَتُ الوصول: اختُبر على partials/footer فظهرت الوصلةُ داخلَ . */ .fnv-ctx { /* ⛔ كان شريطاً أسودَ بنصٍّ فاتحٍ على كلّ صفحةِ مشترِك (‏2026-09-05 · §4أ: لا كتلَ داكنة) */ background: var(--fnv-surface); border-top: 2px solid var(--fnv-ink); border-bottom: 1px solid var(--fnv-border); /* لونٌ صريح على الحاوية: بدونه يرث أيّ نصٍّ يُضاف لاحقاً --fnv-ink الأسود فيصير أسودَ على أسود — نفس عطب زرّ CTA الأسود (bug-084). الافتراض هنا آمن. */ color: var(--fnv-ink); } .fnv-ctx__inner { max-width: 1600px; margin: 0 auto; padding: 0 24px; min-height: 38px; display: flex; align-items: center; justify-content: space-between; gap: 16px; } /* ── مسار التنقّل ── */ .fnv-ctx__bc { display: flex; align-items: center; gap: 8px; flex-wrap: nowrap; min-width: 0; overflow: hidden; font-family: var(--fnv-font-body); font-size: .8125rem; } .fnv-ctx__crumb { display: inline-flex; align-items: center; min-width: 0; } .fnv-ctx__link { display: inline-flex; align-items: center; gap: 5px; color: var(--fnv-ink-3); text-decoration: none; font-weight: 500; white-space: nowrap; border-bottom: 1px solid transparent; transition: color .15s, border-color .15s; } .fnv-ctx__link:hover { color: var(--fnv-ink); border-bottom-color: var(--fnv-ink); } .fnv-ctx__link i { font-size: .95rem; line-height: 1; } .fnv-ctx__sep { color: var(--fnv-ink-3); opacity: .55; font-size: .9rem; line-height: 1; flex-shrink: 0; } .fnv-ctx__current { color: var(--fnv-ink); font-weight: 700; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; min-width: 0; } /* ── حالة الجلسة ── */ .fnv-ctx__session { display: inline-flex; align-items: center; gap: 8px; flex-shrink: 0; font-family: var(--fnv-font-body); font-size: .8125rem; } .fnv-ctx__dot { width: 6px; height: 6px; /* ⛔ كانت دائرةً «استثناءً وحيداً» — أُزيل الاستثناءُ 2026-09-05 (‏§4أ حوافُّ حادّة) */ background: transparent; border: 1px solid var(--fnv-ink-3); flex-shrink: 0; } .fnv-ctx__session[data-state="open"] .fnv-ctx__dot { background: var(--fnv-surface); border-color: var(--fnv-ink); animation: fnv-ctx-pulse 2s ease-in-out infinite; } .fnv-ctx__session[data-state="pre"] .fnv-ctx__dot, .fnv-ctx__session[data-state="post"] .fnv-ctx__dot { background: var(--fnv-border); border-color: var(--fnv-border); } @keyframes fnv-ctx-pulse { 0%,100% { opacity: 1 } 50% { opacity: .35 } } @media (prefers-reduced-motion: reduce) { .fnv-ctx__session[data-state="open"] .fnv-ctx__dot { animation: none } } .fnv-ctx__state { color: var(--fnv-ink-3); font-weight: 500; white-space: nowrap; } .fnv-ctx__session[data-state="open"] .fnv-ctx__state { color: var(--fnv-ink); font-weight: 700; } .fnv-ctx__clock { font-family: var(--fnv-font-mono); font-size: .8125rem; font-weight: 700; color: var(--fnv-ink); letter-spacing: .02em; white-space: nowrap; } /* ── الجوّال: المسار يبقى، والحالة تتقلّص إلى نقطة + ساعة ── */ @media (max-width: 767.98px) { .fnv-ctx__inner { padding: 0 16px; min-height: 34px; gap: 10px } .fnv-ctx__bc { font-size: .8125rem; gap: 6px } .fnv-ctx__state { display: none } .fnv-ctx__clock { font-size: .8125rem } /* ⛔ **المسار العميق يتلاصق على الهاتف.** بعد إضافة طبقة الأب صارت السلسلة أربعة مستويات، فتُضغط في شريطٍ عرضه 375px حتّى تلتصق الكلمات بلا فواصل مرئيّة: «الرئيسيّةمدرسة السوقمرجع المؤشّراالحجم ال…» (رُصد بلقطة شاشة). على الهاتف يكفي **الأب المباشر والصفحة**: من أراد الجذر فالشعار فوقه. الأجداد تبقى في البيانات المُهيكلة لمحرّكات البحث — تُخفى بصريّاً لا حذفاً. */ .fnv-ctx__crumb:not(:nth-last-child(-n+2)) { display: none } .fnv-ctx__crumb:not(:nth-last-child(-n+2)) + .fnv-ctx__sep { display: none } .fnv-ctx__sep { opacity: .9; margin: 0 2px } .fnv-ctx__current, .fnv-ctx__link span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 42vw } }