/* --- إعدادات صفحة التحميل البنفسجية --- */
#bb-purple-loading-screen {
    position: fixed !important;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: #6B1B4B !important; /* خلفية بنفسجية كاملة */
    display: flex; justify-content: center; align-items: center;
    z-index: 999999999 !important;
    transition: opacity 0.8s ease;
}

/* --- أزرار "إضافة للسلة" في الرئيسية --- */
.product-card .s-button-btn, 
salla-add-product-button button {
    background-color: #6B1B4B !important; /* خلفية الزر بنفسجي */
    color: #ffffff !important; /* النص أبيض ناصع للوضوح التام */
    position: relative !important;
    overflow: hidden !important;
    border: none !important;
}

/* حركة الكلمة داخل الزر */
.product-card .s-button-btn span, 
salla-add-product-button button span {
    display: inline-block !important;
    color: #ffffff !important;
    animation: bbTextBounce 2s infinite ease-in-out !important;
}

/* الشعاع البنفسجي الساطع */
.product-card .s-button-btn::after, 
salla-add-product-button button::after {
    content: '' !important;
    position: absolute; top: 0; left: -150%; width: 150%; height: 100%;
    /* شعاع بنفسجي فاتح (نيون) ليظهر فوق الخلفية الغامقة */
    background: linear-gradient(90deg, transparent, rgba(163, 43, 115, 0.9), rgba(255, 255, 255, 0.3), rgba(163, 43, 115, 0.9), transparent) !important;
    transform: skewX(-20deg);
    animation: bbPurpleShimmer 2.5s infinite;
}

/* --- أسفل المتجر (الفوتر بنفسجي والكلام أبيض) --- */
.store-footer, 
.store-footer__inner, 
.footer-bottom {
    background-color: #6B1B4B !important;
    background-image: none !important;
}

.store-footer h3, 
.store-footer p, 
.store-footer a, 
.store-footer span, 
.store-footer li, 
.store-footer div, 
.footer-bottom p {
    color: #ffffff !important; /* كلام أبيض فقط */
}

.store-footer .social-link {
    border-color: #ffffff !important;
    color: #ffffff !important;
}

/* الأنميشن الخاص بالحركات */
@keyframes bbPulse { 0%, 100% { transform: scale(1); } 50% { transform: scale(1.05); } }
@keyframes bbLoad { to { left: 100%; } }
@keyframes bbTextBounce { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-3px); } }
@keyframes bbPurpleShimmer { 0% { left: -150%; } 100% { left: 150%; } }