/* أنماطُ partials/partner_promo — نُقلت 2026-08-20 (CLAUDE.md قاعدة 1). ⚖ تُحمَّل عبر @once+@push('style-override') — والدفعُ من جسم التخطيط مُثبَتُ الوصول: اختُبر على partials/footer فظهرت الوصلةُ داخلَ . */ /* ⛔ الحدُّ وشريطُ اللهجة كانا يقرآن `--fnv-dark-bg` — رمزَ **خلفيّةٍ** ثابتٍ لا ينقلب. على بطاقةٍ صار سطحُها داكناً يصير الحدُّ أسودَ على أسود: بطاقةٌ بلا إطار. `--fnv-ink` يقلب مع السمة فيبقى الإطارُ مرئيّاً في الوضعين. */ .fnv-partner { position:relative; background:var(--fnv-surface); border:1.5px solid var(--fnv-ink); overflow:hidden; font-family: 'Readex Pro',sans-serif; --fnv-accent:var(--fnv-ink); --fnv-cta1:var(--fnv-ink); --fnv-cta2:var(--fnv-ink); --fnv-glow:rgba(0,0,0,.2); transition:transform .3s ease; } .fnv-partner:hover { transform: translate(-2px,-2px); } /* شريط لهجة متوهّج علويّ/جانبيّ — يشدّ العين للون الهويّة */ .fnv-partner__accentbar { position:absolute; z-index:2; background:linear-gradient(90deg, var(--fnv-cta1), var(--fnv-accent), var(--fnv-cta2)); background-size:200% 100%; animation:fnvAccentSlide 4s linear infinite; } @keyframes fnvAccentSlide { to { background-position:200% 0; } } /* توهّج زاويّ ناعم يوحي بالفضول/العمق */ .fnv-partner__halo { position:absolute; z-index:0; width:220px; height:220px; border-radius:0; /* ⛔ كانت 50% — §4أ (2026-09-05) */ filter:blur(46px); opacity:.16; background:var(--fnv-accent); pointer-events:none; } .fnv-partner__chart { position:absolute; inset:0; z-index:0; opacity:.10; pointer-events:none; } .fnv-partner__chart polyline { stroke:var(--fnv-accent); stroke-width:2.5; fill:none; stroke-dasharray:600; stroke-dashoffset:600; animation:fnvPartnerDraw 3s ease forwards; } @keyframes fnvPartnerDraw { to { stroke-dashoffset:0; } } .fnv-partner__tag { position:relative; z-index:1; display:inline-flex; align-items:center; gap:6px; font-family:'Readex Pro', sans-serif; font-size:.8125rem; font-weight:800; letter-spacing:.1em; text-transform:uppercase; color:var(--fnv-ink); border:1px solid var(--fnv-accent); padding:3px 9px; background:var(--fnv-surface); } .fnv-partner__tag i { width:6px; height:6px; border-radius:0; /* ⛔ كانت 50% — §4أ (2026-09-05) */ background:var(--fnv-accent); box-shadow:0 0 0 0 var(--fnv-glow); animation:fnvPartnerPulse 1.6s ease-in-out infinite; } @keyframes fnvPartnerPulse { 0%{opacity:1;transform:scale(1);box-shadow:0 0 0 0 var(--fnv-glow);} 70%{opacity:.55;transform:scale(.72);box-shadow:0 0 0 7px transparent;} 100%{opacity:1;transform:scale(1);box-shadow:0 0 0 0 transparent;} } .fnv-partner__disc { font-family: 'Readex Pro', sans-serif; font-size:.8125rem; color:var(--fnv-ink-3); } .fnv-partner__title { position:relative; z-index:1; font-weight:800; color:var(--fnv-ink); line-height:1.35; } .fnv-partner__desc { position:relative; z-index:1; color:var(--fnv-ink-3); font-weight:500; line-height:1.7; } .fnv-partner__perk { position:relative; z-index:1; display:inline-block; font-size:.8125rem; font-weight:700; color:var(--fnv-ink); background:var(--fnv-surface); border:1px solid var(--fnv-accent); border-right-width:3px; padding:5px 10px; line-height:1.5; } /* زرّ لوني حيويّ متدرّج — نصّ أبيض مضمون (bug-084) + كنس ضوئيّ (فضول) */ .fnv-partner__cta { position:relative; z-index:1; display:inline-flex; align-items:center; gap:8px; overflow:hidden; background:linear-gradient(135deg, var(--fnv-cta1), var(--fnv-cta2)) !important; color:var(--fnv-dark-text) !important; font-weight:800; text-decoration:none !important; border:0; padding:12px 24px; white-space:nowrap; box-shadow: none; transition:transform .18s ease, box-shadow .2s ease; } .fnv-partner__cta::after { content:''; position:absolute; top:0; left:-60%; width:40%; height:100%; transform:skewX(-20deg); background:linear-gradient(90deg, transparent, rgba(255,255,255,.45), transparent); animation:fnvCtaShine 3.2s ease-in-out infinite; } @keyframes fnvCtaShine { 0%,60%{left:-60%;} 100%{left:160%;} } .fnv-partner__cta:hover { transform:translateY(-2px); box-shadow: none; color:var(--fnv-dark-text) !important; } .fnv-partner__cta span.fnv-partner__arrow { transition:transform .2s ease; } .fnv-partner__cta:hover span.fnv-partner__arrow { transform:translateX(-4px); } /* أفقيّ */ .fnv-partner--h { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:14px; padding:18px 22px; } .fnv-partner--h .fnv-partner__accentbar { top:0; right:0; left:0; height:4px; } .fnv-partner--h .fnv-partner__halo { top:-90px; left:-70px; } .fnv-partner--h .fnv-partner__title { font-size:clamp(15px,1.5vw,18px); margin:6px 0 3px; } .fnv-partner--h .fnv-partner__desc { font-size:.8125rem; } .fnv-partner--h .fnv-partner__body { flex:1; min-width:220px; } /* عموديّ */ .fnv-partner--v { display:flex; flex-direction:column; padding:22px 20px 20px; } .fnv-partner--v .fnv-partner__accentbar { top:0; right:0; left:0; height:5px; } .fnv-partner--v .fnv-partner__halo { bottom:-90px; right:-70px; } .fnv-partner--v .fnv-partner__title { font-size:19px; margin:12px 0 8px; } .fnv-partner--v .fnv-partner__desc { font-size:13px; margin-bottom:12px; } .fnv-partner--v .fnv-partner__cta { justify-content:center; width:100%; margin-top:14px; } .fnv-partner--v .fnv-partner__head { position:relative; z-index:1; display:flex; justify-content:space-between; align-items:center; }