#emailCard img {
    display: none !important;
}


/* Add custom CSS styles below */ 
/* الهيدر */
header, 
.navbar, 
.site-header {
    background-color: #000 !important;
    color: #fff !important;
}

/* الفوتر */
footer, 
.site-footer, 
.footer, 
.store-footer {
    background-color: #000 !important;
    color: #fff !important;
}

/* تغيير لون الروابط داخل الهيدر والفوتر */
header a, 
footer a {
    color: #fff !important;
}






















/* إزالة أي إطار أبيض */
footer *[class*="newsletter"],
footer [class*="subscribe"],
footer form[action*="newsletter"] {
    border: none !important;
    background: #fff !important;
    box-shadow: none !important;
}

/* العناوين والنصوص = أبيض */
footer h3, 
footer h2,
footer p,
footer [class*="newsletter"] * {
    color: #ffffff !important;
}


/* Placeholder رمادي */
footer input[type="email"]::placeholder,
footer input[type="text"]::placeholder {
    color: #999999 !important;
}

/* زر الاشتراك — أسود */
footer button,
footer input[type="submit"],
footer .btn {
    background: #000000 !important;   /* أسود */
    color: #ffffff !important;        /* كتابة بيضاء */
    border: none !important;
    padding: 12px 20px !important;
    border-radius: 6px !important;
}


/* تحريك الصندوق لليسار */
footer [class*="newsletter"],
footer [class*="subscribe"] {
    margin-right: -40px !important;
}












/* إزالة أي gradient من الفوتر وخليه أسود صافي */
.store-footer__inner {
    background: #000 !important; /* لون أسود صافي */
    background-image: none !important; /* يلغي أي gradient موجود */
}












#mapPopup {
  width: 100%;           /* يمكن تعديل العرض حسب الحاجة */
  height: 400px;         /* ارتفاع الخريطة */
  background: #fff;
  border: 1px solid #000;
  border-radius: 10px;
  margin-bottom: 20px;   /* مسافة بسيطة فوق الفوتر */
  position: relative;    /* تتحرك مع الصفحة */
  box-shadow: 0 4px 10px rgba(0,0,0,0.2);
}

#mapPopup iframe {
  width: 100%;
  height: 100%;
  border: none;
}

#mapPopupClose {
  position: absolute;
  top: 5px;
  right: 5px;
  cursor: pointer;
  font-weight: bold;
  z-index: 2;
}



































/* اجعل كل نص داخل الهيدر أبيض */
#mainnav,
#mainnav * {
    color: #fff !important;
}

/* لو في أيقونات SVG داخل الهيدر */
#mainnav svg,
#mainnav svg * {
    stroke: #fff !important;
    fill: #fff !important;
}

/* روابط القوائم */
#mainnav a span,
#mainnav a {
    color: #fff !important;
}







/* تغيير لون كل النصوص داخل قائمة الموبايل إلى الأبيض */
#mobile-menu,
#mobile-menu * {
    color: #fff !important;
}

/* الروابط تحديداً */
#mobile-menu a {
    color: #fff !important;
}

/* الأيقونات داخل قائمة الموبايل */
#mobile-menu svg,
#mobile-menu i {
    color: #fff !important;
    fill: #fff !important;
}