/* Footer Responsive */
.footer-bottom{
    display:flex !important;
    flex-wrap:wrap !important;
    align-items:center !important;
    justify-content:center !important;
    gap:16px !important;
    text-align:center !important;
    padding:20px 15px !important;
}

/* أيقونات الدفع */
.footer-bottom ul{
    display:flex !important;
    flex-wrap:wrap !important;
    justify-content:center !important;
    align-items:center !important;
    gap:10px !important;
    width:100% !important;
    margin:0 !important;
    padding:0 !important;
}

/* الحقوق */
.footer-bottom .copyrights{
    width:100% !important;
    text-align:center !important;
    margin:0 !important;
    order:2;
}

/* ترتيب الأيقونات أولاً */
.footer-bottom ul{
    order:1;
}

/* تحسين الجوال */
@media (max-width:768px){
    .footer-bottom{
        gap:12px !important;
        padding:16px 10px !important;
    }

    .footer-bottom ul{
        gap:8px !important;
    }

    .footer-bottom li{
        width:46px !important;
        height:28px !important;
    }

    .footer-bottom .copyrights{
        font-size:13px !important;
        line-height:1.7 !important;
    }
}

/* تغيير لون نص الفواصل  */
.da-cp {
    color: transparent !important;
    background: linear-gradient(
        270deg,
        #006ef9,
        #00dffe,
        #7f4ffb,
        #4c06d8,
        #006ef9
    );
    background-size: 400% 400%;
    animation: gradientMove 6s linear infinite;

    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

@keyframes gradientMove {
    0% {
        background-position: 0% 50%;
    }
    50% {
        background-position: 100% 50%;
    }
    100% {
        background-position: 0% 50%;
    }
}

/* تغيير لون نص الفرعيات  */
h2 {
    color: transparent !important;
    background: linear-gradient(
        270deg,
        #006ef9,
        #00dffe,
        #7f4ffb,
        #4c06d8,
        #006ef9
    );
    background-size: 400% 400%;
    animation: gradientMove 6s linear infinite;

    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

@keyframes gradientMove {
    0% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
    100% { background-position: 0% 50%; }
}


/* تنفس الشعار      */
.navbar-brand img,
.logo-dark.foo{
    animation: breathe 2s ease-in-out infinite;
    transform-origin: center;
}

@keyframes breathe{
    0%,100%{
        transform: scale(1);
        filter: brightness(1);
    }

    50%{
        transform: scale(1.15);
        filter: brightness(1.15);
    }
}

/* مميزات المتجر تلوين الايقونات    */
.flex-center i[class*="sicon-"] {
    background: linear-gradient(
        270deg,
        #006ef9,
        #00dffe,
        #7f4ffb,
        #4c06d8,
        #006ef9
    );
    background-size: 400% 400%;
    animation: gradientMove 5s linear infinite;

    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;

    color: transparent !important;
}

@keyframes gradientMove {
    0% {
        background-position: 0% 50%;
    }
    50% {
        background-position: 100% 50%;
    }
    100% {
        background-position: 0% 50%;
    }
}

a[aria-label="Angel Whatsapp"] i.sicon-whatsapp2 {
    background: none !important;
    -webkit-background-clip: border-box !important;
    -webkit-text-fill-color: #fff !important;
    background-clip: border-box !important;
    color: #fff !important;
    animation: none !important;
}


.sicon-menu {
    background: linear-gradient(
        270deg,
        #006ef9,
        #00dffe,
        #7f4ffb,
        #4c06d8,
        #006ef9
    );
    background-size: 400% 400%;
    animation: gradientMove 5s linear infinite;

    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;

    color: transparent !important;
}

@keyframes gradientMove {
    0% {
        background-position: 0% 50%;
    }
    50% {
        background-position: 100% 50%;
    }
    100% {
        background-position: 0% 50%;
    }
}


.s-cart-summary-count {
    background: linear-gradient(
        270deg,
        #006ef9,
        #00dffe,
        #7f4ffb,
        #4c06d8,
        #006ef9
    );
    background-size: 400% 400%;
    animation: gradientMove 5s linear infinite;

    color: #fff !important;
    border-radius: 999px;
}

@keyframes gradientMove {
    0% {
        background-position: 0% 50%;
    }
    50% {
        background-position: 100% 50%;
    }
    100% {
        background-position: 0% 50%;
    }
}