/* 1. التعديل العام للديسك توب والموبايل لضمان اللون الأسود */
footer h3, 
footer li, 
footer a, 
footer p, 
footer span,
footer div {
    color: #000000 !important; /* إجبار كل نصوص الفوتر على اللون الأسود */
    text-decoration: none !important;
}

/* 2. تخصيص إعدادات الموبايل (للشاشات الأصغر من 768px) */
@media (max-width: 768px) {
    /* تكبير العناوين الرئيسية في الموبايل */
    footer h3.font-bold.text-lg {
        font-size: 20px !important; 
        font-weight: 800 !important;
        display: block !important;
        margin-bottom: 10px !important;
        color: #000000 !important;
    }

    /* تكبير وتوضيح النصوص والروابط في الموبايل */
    footer ul.space-y-3 li, 
    footer ul.space-y-3 a, 
    footer p, 
    footer .text-skin-ally {
        font-size: 16px !important; /* حجم خط مريح للقراءة على الموبايل */
        font-weight: 600 !important; /* جعل الخط أوضح (Medium Bold) */
        color: #000000 !important;
        line-height: 1.6 !important; /* ترك مسافة بين الأسطر لمنع تداخل النصوص */
    }

    /* إجبار أي نص أبيض مخفي في الموبايل ليصبح أسود */
    footer [class*="text-white"], 
    footer [class*="text-skin-ally"] {
        color: #000000 !important;
    }
}