/* ==================================================
   صدى الأوراق | Footer
   الخلفية: #2c2c2c
   اللون الرئيسي: #4CB9B9
   ================================================== */

:root {
    --sada-footer-bg: #2c2c2c;
    --sada-footer-accent: #4CB9B9;
    --sada-footer-link: #FFFFFF;
    --sada-footer-text: #DDE2E5;
    --sada-footer-muted: #B7C0C5;
    --sada-footer-border: rgba(76, 185, 185, 0.28);
}

/* ==========================================
   1. خلفية الفوتر بالكامل
   ========================================== */

footer,
.store-footer,
salla-footer,
.salla-footer,
#store-footer,
.footer,
.s-block--footer {
    background: var(--sada-footer-bg) !important;
    color: var(--sada-footer-text) !important;
}

/* الحاوية الرئيسية للفوتر */
.store-footer__inner,
.store-footer__top,
.store-footer__main,
.store-footer__content,
.store-footer__inner > div,
.store-footer__inner .container,
.store-footer .container,
footer .container,
salla-footer .container,
.salla-footer .container,
.footer__inner,
.footer-top,
.footer-main {
    background-color: var(--sada-footer-bg) !important;
    color: var(--sada-footer-text) !important;
}

/* الحاويات المباشرة داخل الفوتر */
.store-footer > div:not(.store-footer__bottom),
footer > div:not(.footer-bottom),
salla-footer > div,
.salla-footer > div {
    background-color: var(--sada-footer-bg) !important;
}

/* ==========================================
   2. عناوين الأعمدة
   ========================================== */

footer .footer-title,
footer .footer-title span,
footer h2,
footer h3,
footer h4,
.store-footer .footer-title,
.store-footer .footer-title span,
.store-footer h2,
.store-footer h3,
.store-footer h4,
.store-footer__inner h2,
.store-footer__inner h3,
.store-footer__inner h4,
.store-footer__inner .text-primary,
.footer-title {
    color: var(--sada-footer-accent) !important;
    font-weight: 700 !important;
    line-height: 1.8;
}

/* حجم العناوين */
footer .footer-title,
.store-footer .footer-title,
.store-footer__inner .footer-title,
.footer-title {
    font-size: 18px;
    margin-bottom: 14px;
}

/* ==========================================
   3. النصوص والوصف وبيانات المؤسسة
   ========================================== */

footer p,
footer li,
footer small,
footer .description,
footer .store-description,
.store-footer p,
.store-footer li,
.store-footer small,
.store-footer .description,
.store-footer .store-description,
.store-footer__inner p,
.store-footer__inner li,
.store-footer__inner small {
    color: var(--sada-footer-text) !important;
    line-height: 1.9;
    opacity: 1 !important;
}

/* النصوص الثانوية وحقوق النشر */
footer .copyright,
.store-footer .copyright,
.store-footer__inner .copyright,
.footer-bottom,
.store-footer__bottom,
.store-footer__bottom p,
.store-footer__bottom small {
    color: var(--sada-footer-muted) !important;
}

/* ==========================================
   4. الروابط والصفحات
   ========================================== */

/* اللون الأساسي للروابط */
footer a,
.store-footer a,
.store-footer__inner a,
.footer a {
    color: var(--sada-footer-link) !important;
    text-decoration: none !important;
    opacity: 1 !important;
    transition: color 0.2s ease;
}

/* عند المرور بالماوس أو التركيز */
footer a:hover,
footer a:focus-visible,
.store-footer a:hover,
.store-footer a:focus-visible,
.store-footer__inner a:hover,
.store-footer__inner a:focus-visible,
.footer a:hover,
.footer a:focus-visible {
    color: var(--sada-footer-accent) !important;
}

/* عند الضغط */
footer a:active,
.store-footer a:active,
.store-footer__inner a:active,
.footer a:active {
    color: var(--sada-footer-accent) !important;
}

/* روابط لوحة المفاتيح */
footer a:focus-visible,
.store-footer a:focus-visible,
.store-footer__inner a:focus-visible {
    outline: 2px solid var(--sada-footer-accent);
    outline-offset: 3px;
    border-radius: 3px;
}

/* ==========================================
   5. أيقونات التواصل الاجتماعي
   ========================================== */

/* تنسيق انتقال الألوان */
footer a i,
footer a svg,
footer a salla-icon,
.store-footer a i,
.store-footer a svg,
.store-footer a salla-icon,
.store-footer__inner a i,
.store-footer__inner a svg {
    transition: color 0.2s ease, fill 0.2s ease, stroke 0.2s ease;
}

/* واتساب */
footer a[href*="wa.me"],
footer a[href*="whatsapp.com"],
.store-footer a[href*="wa.me"],
.store-footer a[href*="whatsapp.com"] {
    color: #25D366 !important;
    border-color: rgba(37, 211, 102, 0.45);
}

/* إنستغرام */
footer a[href*="instagram.com"],
.store-footer a[href*="instagram.com"] {
    color: #E879A9 !important;
    border-color: rgba(232, 121, 169, 0.45);
}

/* منصة X وتويتر */
footer a[href*="x.com"],
footer a[href*="twitter.com"],
.store-footer a[href*="x.com"],
.store-footer a[href*="twitter.com"] {
    color: #DDE2E5 !important;
    border-color: rgba(221, 226, 229, 0.4);
}

/* تيك توك */
footer a[href*="tiktok.com"],
.store-footer a[href*="tiktok.com"] {
    color: #64D8D8 !important;
    border-color: rgba(100, 216, 216, 0.45);
}

/* فيسبوك */
footer a[href*="facebook.com"],
.store-footer a[href*="facebook.com"] {
    color: #6EA8FE !important;
    border-color: rgba(110, 168, 254, 0.45);
}

/* لينكدإن */
footer a[href*="linkedin.com"],
.store-footer a[href*="linkedin.com"] {
    color: #70B8F0 !important;
    border-color: rgba(112, 184, 240, 0.45);
}

/* يوتيوب */
footer a[href*="youtube.com"],
footer a[href*="youtu.be"],
.store-footer a[href*="youtube.com"],
.store-footer a[href*="youtu.be"] {
    color: #FF6868 !important;
    border-color: rgba(255, 104, 104, 0.45);
}

/* سناب شات */
footer a[href*="snapchat.com"],
.store-footer a[href*="snapchat.com"] {
    color: #FFEB70 !important;
    border-color: rgba(255, 235, 112, 0.45);
}

/* ==========================================
   6. تغيّر لون أيقونات التواصل عند التفاعل
   ========================================== */

footer a[href*="wa.me"]:hover,
footer a[href*="whatsapp.com"]:hover,
footer a[href*="instagram.com"]:hover,
footer a[href*="x.com"]:hover,
footer a[href*="twitter.com"]:hover,
footer a[href*="tiktok.com"]:hover,
footer a[href*="facebook.com"]:hover,
footer a[href*="linkedin.com"]:hover,
footer a[href*="youtube.com"]:hover,
footer a[href*="youtu.be"]:hover,
footer a[href*="snapchat.com"]:hover,
.store-footer a[href*="wa.me"]:hover,
.store-footer a[href*="whatsapp.com"]:hover,
.store-footer a[href*="instagram.com"]:hover,
.store-footer a[href*="x.com"]:hover,
.store-footer a[href*="twitter.com"]:hover,
.store-footer a[href*="tiktok.com"]:hover,
.store-footer a[href*="facebook.com"]:hover,
.store-footer a[href*="linkedin.com"]:hover,
.store-footer a[href*="youtube.com"]:hover,
.store-footer a[href*="youtu.be"]:hover,
.store-footer a[href*="snapchat.com"]:hover {
    color: var(--sada-footer-accent) !important;
    border-color: var(--sada-footer-accent) !important;
}

/* أيقونات SVG داخل روابط التواصل */
footer a[href*="instagram.com"]:hover svg,
footer a[href*="tiktok.com"]:hover svg,
footer a[href*="x.com"]:hover svg,
footer a[href*="twitter.com"]:hover svg,
footer a[href*="whatsapp.com"]:hover svg,
footer a[href*="wa.me"]:hover svg,
footer a[href*="facebook.com"]:hover svg,
footer a[href*="linkedin.com"]:hover svg,
footer a[href*="youtube.com"]:hover svg,
footer a[href*="snapchat.com"]:hover svg {
    color: var(--sada-footer-accent) !important;
}

/* ==========================================
   7. الهاتف والبريد الإلكتروني
   ========================================== */

/* الهاتف */
footer a[href^="tel:"],
.store-footer a[href^="tel:"] {
    color: var(--sada-footer-text) !important;
}

footer a[href^="tel:"] i,
footer a[href^="tel:"] svg,
.store-footer a[href^="tel:"] i,
.store-footer a[href^="tel:"] svg {
    color: #61C8A8 !important;
}

/* البريد الإلكتروني */
footer a[href^="mailto:"],
.store-footer a[href^="mailto:"] {
    color: var(--sada-footer-text) !important;
}

footer a[href^="mailto:"] i,
footer a[href^="mailto:"] svg,
.store-footer a[href^="mailto:"] i,
.store-footer a[href^="mailto:"] svg {
    color: #75BDF0 !important;
}

/* لون الهاتف والبريد عند التفاعل */
footer a[href^="tel:"]:hover,
footer a[href^="mailto:"]:hover,
.store-footer a[href^="tel:"]:hover,
.store-footer a[href^="mailto:"]:hover {
    color: var(--sada-footer-accent) !important;
}

/* ==========================================
   8. الفواصل وشريط الحقوق
   ========================================== */

/* خط الفصل العلوي */
footer hr,
.store-footer hr,
.store-footer__inner hr,
.footer hr {
    border-color: var(--sada-footer-border) !important;
}

/* شريط الحقوق ووسائل الدفع */
.store-footer__bottom,
.footer-bottom,
.store-footer .footer-bottom {
    background-color: var(--sada-footer-bg) !important;
    color: var(--sada-footer-muted) !important;
    border-top: 1px solid var(--sada-footer-border);
}

/* النص داخل شريط الحقوق */
.store-footer__bottom p,
.store-footer__bottom span,
.store-footer__bottom small,
.footer-bottom p,
.footer-bottom span {
    color: var(--sada-footer-muted) !important;
}

/* ==========================================
   9. تحسين العرض على الجوال
   ========================================== */

@media (max-width: 767px) {
    footer .footer-title,
    .store-footer .footer-title,
    .store-footer__inner .footer-title,
    .footer-title {
        font-size: 17px;
    }

    footer p,
    footer li,
    footer small,
    .store-footer p,
    .store-footer li,
    .store-footer small {
        font-size: 14px;
    }
}




<style>
  /* إخفاء شريط الإعلانات نهائياً وإزالة مساحته تماماً من كل الصفحات */
  .s-advertisement,
  div[data-id="983662635"],
  .s-advertisement-content {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    height: 0 !important;
    min-height: 0 !important;
    max-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    pointer-events: none !important;
  }
</style>



















































/* تنسيق مستقل: لا يغيّر عناصر المتجر الأخرى. أضفه أسفل CSS الحالي. */
#sada-demo{--sd-purple:#603f8b;--sd-teal:#4cb9b9;box-sizing:border-box;width:min(570px,calc(100% - 28px));max-height:90dvh;padding:0;border:0;border-radius:24px;background:#fff;color:#292236;font-family:Tahoma,Arial,sans-serif;box-shadow:0 24px 90px #24133440;text-align:right;overflow:auto;line-height:1.8}
#sada-demo *{box-sizing:border-box}
#sada-demo::backdrop{background:#21152db3;backdrop-filter:blur(5px)}
#sada-demo .sd-top{display:flex;align-items:center;justify-content:space-between;padding:15px 24px;background:#603f8b;color:white;font-size:13px;gap:10px}
#sada-demo button{font-family:inherit;cursor:pointer;line-height:1.6}
#sada-demo .sd-close{border:0;background:transparent;color:white;font-size:27px;width:38px;height:38px;padding:0}
#sada-demo .sd-content{padding:28px 32px}
#sada-demo .sd-tag{display:inline-block;font-size:11px;padding:4px 10px;border-radius:20px;background:#f3edf9;color:#603f8b}
#sada-demo h2{font-size:28px;line-height:1.55;margin:18px 0 12px;font-weight:700;color:#332344}
#sada-demo p{font-size:14px;margin:12px 0;color:#62596c}
#sada-demo .sd-symbol{font-size:44px;color:#603f8b;margin-top:8px}
#sada-demo .sd-facts{display:flex;gap:8px;flex-wrap:wrap;margin:22px 0;font-size:12px}
#sada-demo .sd-facts span{background:#eef8f7;color:#246365;padding:6px 10px;border-radius:9px}
#sada-demo .sd-primary{display:block;width:100%;padding:13px 16px;border:0;border-radius:12px;background:#603f8b;color:#fff;font-size:15px;font-weight:700;margin-top:20px}
#sada-demo .sd-primary:hover{background:#493068}
#sada-demo [hidden]{display:none!important}
#sada-demo .sd-note{font-size:11px;line-height:1.9}
#sada-demo .sd-footer{background:#f6f4f8;text-align:center;padding:13px 20px;font-size:11px;color:#71677c}
#sada-demo .sd-step{font-size:12px;color:#603f8b;margin-top:22px}
#sada-demo progress{width:100%;height:7px;accent-color:#4cb9b9;display:block;margin:10px 0 22px}
#sada-demo .sd-options{display:grid;gap:10px}
#sada-demo .sd-option{width:100%;text-align:right;border:1px solid #ded7e5;background:#fff;color:#332344;border-radius:12px;padding:14px;font-size:14px}
#sada-demo .sd-option:hover:not(:disabled){border-color:#603f8b;background:#f8f5fb}
#sada-demo .sd-option:disabled{cursor:default;opacity:1}
#sada-demo .sd-option.sd-right{border-color:#287864;background:#eaf8f1;color:#205b4c}
#sada-demo .sd-option.sd-wrong{border-color:#b15b5b;background:#fff0f0;color:#833d3d}
#sada-demo .sd-feedback{font-size:13px;margin-top:16px;color:#4c405a}
#sada-demo .sd-score{font-size:56px;color:#603f8b;font-weight:700;line-height:1.4}
#sada-demo .sd-score span{font-size:18px;color:#7b7186}
#sada-demo .sd-gift{padding:22px;border:1px dashed #4cb9b9;border-radius:16px;background:#f0faf9;margin-top:22px;text-align:center}
#sada-demo .sd-gift p{font-size:12px}
#sada-demo code{font-size:22px;font-weight:700;color:#603f8b;user-select:all}
#sada-demo button:focus-visible,#sada-demo-launch:focus-visible{outline:3px solid #269290;outline-offset:3px}
#sada-demo-launch{position:fixed;bottom:20px;left:20px;z-index:9999;background:#603f8b;color:#fff;border:0;border-radius:30px;padding:14px 20px;font:14px Tahoma,Arial,sans-serif;cursor:pointer;box-shadow:0 5px 25px #301e3933}
@media(max-width:480px){#sada-demo .sd-content{padding:22px}#sada-demo h2{font-size:23px}#sada-demo .sd-top{padding:12px 18px}}