/* Local fallback for Font Awesome (Brands subset) ====================================
  خطوات الإعداد:
  1) حمّل Font Awesome Free (الإصدار الموافق الموجود في CDN الحالي 6.5.0) من الموقع الرسمي.
  2) انسخ مجلد  webfonts  بالكامل إلى:  assets/webfonts/
    يجب أن يحتوي مثلاً على: fa-brands-400.woff2 , fa-brands-400.woff ..الخ
  3) اترك هذا الملف كما هو (يحتوي @font-face) أو حدث المسارات إن غيّرت مكان الملفات.
  4) بعد نسخ الملفات أعد تحديث الصفحة (Ctrl+F5). سيختفي التحذير إن كان هناك سابقاً.
  5) يمكنك حذف خرائط الحروف المؤقتة (content: 'f') بعد توفر الخط الحقيقي لأنها لن تُستخدم.
*/

/* Font Face (brands only). سيُحمَّل فقط عند فشل CDN */
@font-face {
  font-family: 'Font Awesome 6 Brands';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('../webfonts/fa-brands-400.woff2') format('woff2'),
     url('../webfonts/fa-brands-400.woff') format('woff');
}

/* القاعدة الأساسية */
.fa-brands, .fab { font-family: 'Font Awesome 6 Brands', 'Arial', sans-serif; font-weight:400; }

/* مبدئياً: لو الخط غير متوفر ستظهر الحروف البديلة أدناه لتفادي الفراغ */
.fa-facebook:before { content: '\f39e'; } /* قد يظهر مربع إن لم يوجد الخط، عند توفره سيظهر الشعار */
.fa-x-twitter:before { content: 'X'; }
.fa-instagram:before { content: '\f16d'; }
.fa-linkedin:before { content: '\f0e1'; }
.fa-youtube:before { content: '\f167'; }
.fa-whatsapp:before { content: '\f232'; }
.fa-telegram:before { content: '\f3fe'; }
.fa-snapchat:before { content: '\f2ac'; }
.fa-tiktok:before { content: '\e07b'; }
.fa-github:before { content: '\f09b'; }
.fa-envelope:before { content: '\f0e0'; }

/* نمط عام لارتفاع الأيقونة */
.social-media a i { line-height:1; display:inline-block; }