.footer-is-light .store-footer {
    position: relative !important;
    overflow: hidden !important;
    padding-top: 60px !important; /* مساحة علوية للفوتر */
    padding-bottom: 40px !important; /* مساحة سفلية للفوتر */
    background: linear-gradient(180deg, #f8f9fa 0%, #ffffff 100%) !important; /* تدرج خلفية ناعم */
    border-top: 2px solid transparent !important; /* خط علوي شفاف مبدئياً */
   border-image: linear-gradient(90deg, rgba(102, 126, 234, 0) 0%, /* شفاف في البداية */ #fda8a0 15%, /* لون بنفسجي مزرق */ #fda8a0 50%, /* لون بنفسجي غامق */ #fda8a0 85%, /* لون بنفسجي مزرق */ rgba(102, 126, 234, 0) 100%) 1 !important; /* شفاف في النهاية */
    border-image-slice: 1 !important; /* لجعل الصورة تكرر الحواف */
    box-shadow: 0 -5px 15px rgba(0, 0, 0, 0.03) !important; /* ظل خفيف للأعلى */
    transition: all 0.5s ease-in-out !important; /* انتقال سلس عند التفاعل */
    perspective: 1000px !important; /* لتأثير 3D إذا استخدم مستقبلاً */
}

/* طبقة الشعار كباترن متحرك في الخلفية */
.footer-is-light .store-footer::before {
    content: '' !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    background-image: url('https://cdn.salla.sa/cdn-cgi/image/fit=scale-down,width=400,height=400,onerror=redirect,format=auto/rNlBj/xGCxVYK42nlshUzuXi3WIwzlA8VL9zAt8KwNTEiH.png') !important; /* استبدل هذا الرابط بشعار متجرك */
    background-size: 160px 160px !important; /* حجم الشعار المتكرر */
    background-repeat: repeat !important;
    background-position: center !important;
    opacity: 0.02 !important; /* شفافية خفيفة جداً */
    z-index: 0 !important;
    animation: moveDiagonal 90s linear infinite !important; /* حركة بطيئة ومستمرة */
    pointer-events: none !important; /* لا يتفاعل مع الماوس */
    filter: grayscale(100%) brightness(1.2) !important; /* تحويل الشعار للرمادي مع إشراق بسيط */
    mix-blend-mode: multiply !important; /* طريقة مزج تجعلها تندمج مع الخلفية */
    will-change: background-position, opacity !important; /* تحسين الأداء للرسوم المتحركة */
}

/* طبقة تدرج علوي لتخفيف الباترن ودمجه مع المحتوى */
.footer-is-light .store-footer::after {
    content: '' !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    background: radial-gradient(circle at 20% 60%, rgba(102, 126, 234, 0.04) 0%, transparent 40%),
                radial-gradient(circle at 80% 30%, rgba(118, 75, 162, 0.03) 0%, transparent 40%),
                linear-gradient(to top, rgba(255, 255, 255, 0.8) 0%, rgba(255, 255, 255, 0) 60%) !important; /* تدرجات ضوئية وتلاشي علوي */
    z-index: 1 !important;
    pointer-events: none !important;
    will-change: background !important; /* تحسين الأداء */
}

/* جعل محتوى الفوتر (روابط، نصوص، أيقونات) فوق الطبقات الزخرفية */
.footer-is-light .store-footer > * {
    position: relative !important;
    z-index: 2 !important;
}

/* حركة الباترن (حركة قطرية بطيئة) */
@keyframes moveDiagonal {
    0% { background-position: 0 0; }
    100% { background-position: 160px 160px; } /* تتحرك بنفس حجم الشعار */
}

/* تأثيرات التفاعل عند تمرير الماوس على الفوتر ككل */
@media (hover: hover) {
    .footer-is-light .store-footer:hover::before {
        opacity: 0.04 !important; /* زيادة الشفافية قليلاً */
        animation-duration: 40s !important; /* تسريع بسيط للحركة */
        transform: scale(1.02) !important; /* تكبير بسيط للباترن */
        transition: all 0.7s ease-in-out !important; /* انتقال سلس */
    }
    .footer-is-light .store-footer:hover {
        box-shadow: 0 -8px 25px rgba(0, 0, 0, 0.08) !important; /* ظل أقوى قليلاً */
        transform: translateY(-2px) !important; /* رفع خفيف للفوتر كله */
        border-image: linear-gradient(90deg, rgba(102, 126, 234, 0) 0%, /* شفاف في البداية */ #fda8a0 15%, /* لون بنفسجي مزرق */ #fda8a0 50%, /* لون بنفسجي غامق */ #fda8a0 85%, /* لون بنفسجي مزرق */ rgba(102, 126, 234, 0) 100%) 1 !important;
    }
}


/* تحسينات الروابط والنصوص داخل الفوتر */
.footer-is-light .store-footer a {
    color: #4a5568 !important; /* لون افتراضي للروابط */
    text-decoration: none !important;
    transition: all 0.3s ease-in-out !important;
    position: relative !important;
    padding-bottom: 2px !important;
}

.footer-is-light .store-footer a:hover {
    color: #f5aa9e !important; /* لون أزرق بنفسجي عند التمرير */
    transform: translateY(-3px) scale(1.05) !important; /* رفع وتكبير طفيف */
    text-shadow: 0 0 5px rgba(102, 126, 234, 0.3) !important; /* ظل نصي خفيف */
    /* خط تحت النص عند التمرير */
    text-decoration: none !important;
}

/* خط تحت النص عند التمرير */
.footer-is-light .store-footer a:not(.btn):hover::after {
    content: '' !important;
    position: absolute !important;
    left: 0 !important;
    bottom: 0 !important;
    width: 100% !important;
    height: 1px !important;
    background: linear-gradient(90deg, #667eea 0%, #764ba2 100%) !important;
    animation: underlineGrow 0.3s forwards !important;
}

@keyframes underlineGrow {
    from { transform: scaleX(0); }
    to { transform: scaleX(1); }
}

/* أيقونات التواصل الاجتماعي */
.footer-is-light .social-links a {
    border-radius: 50% !important;
    background-color: rgba(255, 255, 255, 0.7) !important;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05) !important;
    transition: all 0.3s ease-in-out !important;
}

.footer-is-light .social-links a:hover {
    background-color: #667eea !important;
    color: #fff !important;
    transform: translateY(-5px) scale(1.1) rotate(5deg) !important; /* حركة ونمو دوران */
    box-shadow: 0 5px 15px rgba(102, 126, 234, 0.4) !important;
}

/* حقوق النشر */
.footer-is-light .copyright-text {
    color: #888 !important;
    font-size: 0.85em !important;
    letter-spacing: 0.5px !important;
    transition: all 0.3s ease !important;
}

/* استجابة للجوال */
@media (max-width: 768px) {
    .footer-is-light .store-footer {
        padding-top: 40px !important;
        padding-bottom: 30px !important;
    }
    .footer-is-light .store-footer::before {
        background-size: 100px 100px !important;
        opacity: 0.015 !important;
        animation-duration: 60s !important; /* حركة أبطأ على الجوال */
    }
    .footer-is-light .store-footer::after {
        background: linear-gradient(to top, rgba(255, 255, 255, 0.9) 0%, rgba(255, 255, 255, 0) 80%) !important;
    }
    .footer-is-light .store-footer a:hover {
        transform: none !important; /* إزالة تأثيرات التكبير والرفع على الجوال لتحسين تجربة اللمس */
        text-shadow: none !important;
    }
    .footer-is-light .social-links a:hover {
        transform: none !important;
        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05) !important;
    }
    .footer-is-light .store-footer:hover {
        transform: none !important;
        box-shadow: 0 -5px 15px rgba(0, 0, 0, 0.03) !important;
    }



/* تحسين الأداء العام */
.footer-is-light .store-footer::before,
.footer-is-light .store-footer::after,
.footer-is-light .store-footer a,
.footer-is-light .social-links a {
    backface-visibility: hidden !important; /* يمنع اهتزاز العناصر */
    -webkit-backface-visibility: hidden !important;
    transform: translateZ(0) !important; /* يجبر المتصفح على استخدام GPU */
    -webkit-transform: translateZ(0) !important;
}
}