/* تحديد الحركة */
@keyframes scaleUp {
    0% {
        transform: scale(1); /* الحجم الأصلي */
    }
    10% {
        transform: scale(1.1); /* تكبير بسيط */
    }
    100% {
        transform: scale(1); /* العودة للحجم الأصلي */
    }
}

/* تطبيق الحركة على .logo-light */
.logo-light {
    animation: scaleUp 2s ease-in-out infinite; /* الحركة مستمرة */
}

/* تعريف حركة اهتزاز مستمرة لأيقونة السلة */
@keyframes cartIconWiggle {
    0%, 100% {
        transform: scale(1); /* الحجم الأصلي */
    }
    25% {
        transform: scale(1.1); /* تكبير قليل */
    }
    50% {
        transform: scale(0.95); /* تصغير قليل */
    }
    75% {
        transform: scale(1.05); /* تكبير قليل مرة أخرى */
    }
}

/* تطبيق الحركة على أيقونة السلة */
.s-cart-icon {
    animation: cartIconWiggle 2s ease-in-out infinite; /* الحركة مستمرة */
}


/* تعريف حركة اهتزاز مستمرة */
@keyframes productNameWiggle {
    0%, 100% {
        transform: scale(1); /* الحجم الأصلي */
    }
    25% {
        transform: scale(1.05); /* تكبير قليل */
    }
    50% {
        transform: scale(0.95); /* تصغير قليل */
    }
    75% {
        transform: scale(1.02); /* تكبير قليل مرة أخرى */
    }
}

/* تطبيق الحركة على اسم المنتج */
.s-product-card-content-title {
    animation: productNameWiggle 2s ease-in-out infinite; /* الحركة مستمرة */
}

/* تكبير حجم الخط لاسم المنتج */
.s-product-card-content-title {
    font-size: 1.5rem; /* قم بتعديل الحجم حسب الحاجة */
    font-weight: bold; /* يمكنك إضافة خط عريض إذا رغبت */
}


/* Add custom CSS styles below */ 
.footer-middle.footer-container {
    background-color: #007a82; /* الأزرق السماوي */
}

.flex.flex-col.shrink-0 {
    color: #FFFFFF; /* اللون الأبيض لعناصر الفليكس */
}

.title.text-center {
    color: #FFFFFF; /* اللون الأبيض للعناوين */
}

.menu-list {
    color: #FFFFFF; /* اللون الأبيض لقائمة الأزرار */
}

.footer-list.store-links-items {
    color: #FFFFFF; /* اللون الأبيض لعناصر روابط الفوتر */
}

.block.mb-5.last\:mb-0.text-sm.leading-none.da-tm:hover {
    color: #FFFFFF; /* اللون الأبيض مع تأثير التمرير */
}

.max-w-sm.leading-6.da-tm.mx-auto.px-3.angel_anime.animate__fadeInUp {
    color: #FFFFFF; /* اللون الأبيض لعناصر الأنيميشن */
}

h3 {
    color: #000; /* اللون الأبيض */
}