/* تغيير خلفية الفوتر بالكامل إلى اللون المطلوب وضبط اللون الأساسي للنصوص */
.footer-is-light .store-footer,
.footer-is-light .store-footer .store-footer__inner {
    background-color: #7b377f !important;
    color: #ffffff !important;
}

/* جعل جميع العناوين، النصوص، والروابط داخل الفوتر باللون الأبيض لتكون واضحة جداً */
.footer-is-light .store-footer h1,
.footer-is-light .store-footer h2,
.footer-is-light .store-footer h3,
.footer-is-light .store-footer h4,
.footer-is-light .store-footer h5,
.footer-is-light .store-footer h6,
.footer-is-light .store-footer p,
.footer-is-light .store-footer span,
.footer-is-light .store-footer a,
.footer-is-light .store-footer li {
    color: #ffffff !important;
}

/* تأثير خفيف وجذاب عند تمرير الماوس على الروابط */
.footer-is-light .store-footer a:hover {
    color: #f3e8f4 !important;
    opacity: 0.85;
    padding-right: 5px; /* حركة خفيفة للداخل عند التحويم */
    transition: all 0.3s ease;
}

/* تنسيق أيقونات التواصل أو السوشيال ميديا في الفوتر لتظهر بشكل أنيق وشفاف */
.footer-is-light .store-footer .social-icons a,
.footer-is-light .store-footer .footer-icon,
.footer-is-light .store-footer a[href*="whatsapp"],
.footer-is-light .store-footer a[href*="instagram"] {
    background-color: rgba(255, 255, 255, 0.15) !important;
    color: #ffffff !important;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
}

/* تفاعل الأيقونات عند تمرير الماوس فوقها */
.footer-is-light .store-footer .social-icons a:hover,
.footer-is-light .store-footer .footer-icon:hover {
    background-color: #ffffff !important;
    color: #7b377f !important;
    transform: translateY(-3px);
}

/* تنسيق خط الفواصل أو الحقوق في أسفل الفوتر ليتماشى مع التصميم */
.footer-is-light .store-footer .store-footer__copyright,
.footer-is-light .store-footer .copyright {
    border-top: 1px solid rgba(255, 255, 255, 0.15) !important;
    color: #f3e8f4 !important;
}



/* تغيير خلفية الهيدر والكونتينر الذي يحمل .bg-inherit إلى اللون البنفسجي */
.bg-inherit,
header .bg-inherit,
.site-header .bg-inherit {
    background-color: #7b377f !important;
    color: #ffffff !important;
}

/* جعل جميع النصوص، الروابط، والقوائم داخل الهيدر باللون الأبيض الواضح */
.bg-inherit h1,
.bg-inherit h2,
.bg-inherit h3,
.bg-inherit h4,
.bg-inherit h5,
.bg-inherit h6,
.bg-inherit p,
.bg-inherit span,
.bg-inherit a,
.bg-inherit li,
.bg-inherit label {
    color: #ffffff !important;
}

/* تأثير خفيف وسلس عند تمرير الماوس على الروابط في الهيدر */
.bg-inherit a:hover {
    color: #f3e8f4 !important;
    opacity: 0.85;
    transition: all 0.3s ease;
}

/* تنسيق الأيقونات، الأزرار، وملفات SVG داخل الهيدر لتكون بيضاء ومتناسقة */
.bg-inherit svg,
.bg-inherit i,
.bg-inherit .icon,
.bg-inherit button {
    color: #ffffff !important;
    fill: #ffffff !important;
}

/* تفاعل الأيقونات والأزرار عند مرور الماوس فوقها */
.bg-inherit button:hover,
.bg-inherit a:hover .icon,
.bg-inherit .icon:hover {
    opacity: 0.8;
    transform: scale(1.05);
    transition: all 0.3s ease;
}