/* أنماطُ partials/social_login — نُقلت 2026-08-20 (CLAUDE.md قاعدة 1). ⚖ تُحمَّل عبر @once+@push('style-override') — والدفعُ من جسم التخطيط مُثبَتُ الوصول: اختُبر على partials/footer فظهرت الوصلةُ داخلَ . */ /* ─── Finviro Social Login ─── */ .fnv-social-login-wrap { display: flex; flex-direction: column; gap: 12px; } /* Google button — follows Google Brand Guidelines */ .fnv-google-btn { display: flex; align-items: center; justify-content: center; gap: 12px; width: 100%; padding: 12px 20px; background: var(--fnv-surface); color: var(--fnv-n-850) !important; border: 1.5px solid var(--fnv-border); border-radius: 0; font-family: 'Readex Pro', sans-serif; font-weight: 700; font-size: .95rem; text-decoration: none !important; transition: background 0.2s, border-color 0.2s, box-shadow 0.2s; box-shadow: none; position: relative; direction: rtl; } .fnv-google-btn:hover { background: var(--fnv-grid); border-color: var(--fnv-border); box-shadow: none; color: var(--fnv-n-850) !important; } .fnv-google-btn:active { background: var(--fnv-grid); box-shadow: none; } .fnv-google-icon { flex-shrink: 0; } .fnv-google-btn__text { font-family: 'Readex Pro', sans-serif; font-weight: 700; font-size: .95rem; color: var(--fnv-n-850); white-space: nowrap; } /* Facebook / LinkedIn buttons */ .fnv-social-btn { display: flex; align-items: center; justify-content: center; gap: 12px; width: 100%; padding: 12px 20px; background: var(--fnv-surface); border: 1.5px solid var(--fnv-border); border-radius: 0; font-family: 'Readex Pro', sans-serif; font-weight: 700; font-size: .95rem; text-decoration: none !important; color: var(--fnv-n-850) !important; transition: background 0.2s, border-color 0.2s; box-shadow: none; } .fnv-social-btn:hover { background: var(--fnv-grid); border-color: var(--fnv-border); color: var(--fnv-n-850) !important; } /* OR Divider */ .fnv-or-divider { position: relative; text-align: center; } .fnv-or-divider::before { content: ''; position: absolute; top: 50%; left: 0; width: 100%; height: 1px; background: var(--fnv-n-150); } .fnv-or-divider span { position: relative; z-index: 1; background: var(--fnv-surface); padding: 0 14px; font-family: 'Readex Pro', sans-serif; font-size: .8125rem; font-weight: 700; color: var(--fnv-ink-3); }