/* ══ لافتةُ الكوكيز — نُقلت من <style> مضمَّن في layouts/frontend (القاعدة 1 · 2026-09-03) ══
   ⚖ اللافتةُ داكنةٌ دائماً فرموزُها رموزُ «على الداكن» (كانت rgba خاماً بست درجات):
     النصّ on-dark-1 · الرابط dark-text · الرفض on-dark-2 · الحدود dark-border. */
/* ── Cookie Bar: full-width bottom strip, non-blocking ── */
#fnvCookieBar {
    position: fixed;
    bottom: 0; left: 0; right: 0;
    z-index: 99998;
    background: var(--fnv-dark-bg);
    border-top: 2px solid var(--fnv-dark-border);
    transform: translateY(100%);
    transition: transform 0.4s cubic-bezier(0.22,1,0.36,1);
}
#fnvCookieBar.fnv-ck-show { transform: translateY(0); }
.fnv-ck-inner {
    max-width: 1280px;
    margin: 0 auto;
    padding: 12px 24px;
    display: flex;
    align-items: center;
    gap: 16px;
    flex-wrap: wrap;
}
.fnv-ck-label {
    font-family: var(--fnv-font-body);  /* «ملفات الارتباط» عربيّ خالص (bug-145) */
    font-size: .8125rem;
    font-weight: 800;
    letter-spacing: normal;
    /* ⛔ لا uppercase: العربيّة بلا حالة أحرف */
    /* ⚖ شريطُ الكوكيز **داكنٌ دائماً** (لوحُه #111) ⇒ رمزُ اللوحة الثابتة لا
       `--fnv-surface` الذي يقلب فيصير `var(--fnv-dark-bg)` على `#111` (1.05:1). */
    color: var(--fnv-dark-text);
    white-space: nowrap;
    flex-shrink: 0;
}
.fnv-ck-text {
    font-family: 'Readex Pro', sans-serif;
    font-size: .82rem;
    color: var(--fnv-on-dark-1);
    margin: 0;
    flex: 1;
    line-height: 1.5;
}
.fnv-ck-link {
    color: var(--fnv-dark-text);
    text-decoration: underline;
    text-underline-offset: 2px;
}
.fnv-ck-actions {
    display: flex;
    gap: 8px;
    flex-shrink: 0;
}
.fnv-ck-btn-accept {
    appearance: none; cursor: pointer;
    background: var(--fnv-surface);
    color: var(--fnv-ink) !important;
    font-family: 'Readex Pro', sans-serif;
    font-weight: 800;
    font-size: .82rem;
    padding: 8px 20px;
    text-decoration: none;
    border: 2px solid var(--fnv-dark-text);
    /* ⛔ **لا `all`**: تُحرّك كلَّ خاصّيّةٍ تتبدّل — ومنها الحدُّ والحشوة
       اللذان يُجبران إعادةَ تخطيطٍ في كلّ إطار. والمتبدّلُ هنا لونان
       وحدٌّ لا غير. ⚖ **وهذا تخطيطٌ مشترَك**: التصحيحُ يمسّ كلَّ صفحةٍ
       عامّة (قِيس: 3 مواضعَ حيّةٍ في كلّ صفحةٍ من سبعٍ فُحصت). */
    transition: background-color .2s ease, color .2s ease, border-color .2s ease;
    white-space: nowrap;
}
.fnv-ck-btn-accept:hover { background: var(--fnv-n-150); border-color: var(--fnv-border); color: var(--fnv-ink) !important; }
.fnv-ck-btn-decline {
    appearance: none; cursor: pointer; font: inherit;
    background: transparent;
    color: var(--fnv-on-dark-2) !important;
    font-family: 'Readex Pro', sans-serif;
    font-weight: 600;
    font-size: .82rem;
    padding: 8px 16px;
    text-decoration: none;
    border: 1px solid var(--fnv-dark-border);
    /* ⛔ **لا `all`**: تُحرّك كلَّ خاصّيّةٍ تتبدّل — ومنها الحدُّ والحشوة
       اللذان يُجبران إعادةَ تخطيطٍ في كلّ إطار. والمتبدّلُ هنا لونان
       وحدٌّ لا غير. ⚖ **وهذا تخطيطٌ مشترَك**: التصحيحُ يمسّ كلَّ صفحةٍ
       عامّة (قِيس: 3 مواضعَ حيّةٍ في كلّ صفحةٍ من سبعٍ فُحصت). */
    transition: background-color .2s ease, color .2s ease, border-color .2s ease;
    white-space: nowrap;
}
.fnv-ck-btn-decline:hover { color: var(--fnv-on-dark-1) !important; border-color: var(--fnv-dark-border); }
@media (max-width: 767px) {
    .fnv-ck-inner { padding: 10px 16px; gap: 10px; }
    .fnv-ck-label { display: none; }
    .fnv-ck-text { font-size: .8125rem; }
}