/* --------- الشعار مع حركة النبض --------- */
.navbar-brand img {
    max-height: 75px;
    content: url('https://i.postimg.cc/9MCXWk8d/Picsart-24-10-11-00-35-18-369.png') !important;
    margin-right: 19px !important;
    animation: logoPulse 2s infinite;
}

@keyframes logoPulse {
    0%, 100% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.1);
    }
}

/* --------- أسفل المتجر (footer) --------- */
footer {
    background-color: #013220 !important;
    border-radius: 0 !important; /* جعل الزوايا مستقيمة */
    padding: 40px 20px;
    color: white !important;
}

/* تحسين لون الروابط داخل الفوتر */
footer a {
    color: #ffffff !important;
}

/* تنسيق نصوص الفوتر */
footer p, footer span {
    color: #ffffff !important;
}

/* معالجة كل الخلفيات البيضاء الشاذة في أسفل المتجر */
footer .container,
footer .s-footer,
footer .s-footer div,
footer .footer-bottom,
footer .s-footer__bottom,
footer .bg-white {
    background-color: transparent !important;
    box-shadow: none !important;
    border: none !important;
}

/* تحديد العنصر الأبيض وتلوينه بنفس لون الخلفية */
footer div[style*="background-color: white"],
footer div[style*="background: white"] {
    background-color: #013220 !important;
    color: white !important;
}

/* العناصر التي تحتوي input أو أزرار أسفل الفوتر */
footer input,
footer select,
footer button {
    background-color: #31934a !important;
    color: white !important;
    border-radius: 8px !important;
    border: none !important;
}