/* Add custom CSS styles below */ 
/* 1. تلوين جميع النصوص والروابط في الفوتر باللون الأبيض */
footer, footer p, footer span, footer h1, footer h2, footer h3, footer h4, footer a,
.main-footer, .main-footer p, .main-footer span, .main-footer h1, .main-footer h2, .main-footer h3, .main-footer h4, .main-footer a {
    color: #ffffff !important;
}

/* 2. تحويل خلفيات أيقونات التواصل الاجتماعي وأيقونات خدمة العملاء إلى اللون الأسود */
.main-footer .social-links a,
footer .social-icons a,
footer .social-links a,
.footer-social-links a,
.main-footer .contact-channels a,
footer .contact-channels a,
.contact-item a,
[class*="contact"] a,
[class*="social"] a {
    background-color: #000000 !important; /* خلفية سوداء */
    border: 1px solid #ffffff !important; /* إطار أبيض خفيف لتحديد المربع/الدائرة */
}

/* 3. تلوين الشعارات الداخلية للأيقونات باللون الأبيض */
.main-footer .social-links a i, .main-footer .social-links a svg,
footer .social-icons a i, footer .social-icons a svg,
.main-footer .contact-channels a i, .main-footer .contact-channels a svg,
footer .contact-channels i, footer .contact-channels svg,
[class*="contact"] i, [class*="contact"] svg,
[class*="social"] i, [class*="social"] svg {
    color: #ffffff !important;
    fill: #ffffff !important;
}