/* Add custom CSS styles below */ 
iframe {
  height: 300px !important;
}

/* إزالة الفراغات البيضاء أسفل ويسار الفوتر من جذور الصفحة */
html, body {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
  overflow-x: hidden !important; /* لمنع ظهور شريط تمرير أفقي */
}

/* ===== الفوتر - نسخة موف غامق ===== */
footer,
.store-footer,
.footer,
[data-testid="footer"]{
  background: linear-gradient(180deg, #42135A 0%, #2E124D 100%) !important;
  color: #F5F1FA !important;
  padding-top: 18px !important;
  padding-bottom: 10px !important;
  min-height: auto !important;
  border-top: 1px solid rgba(255,255,255,.08) !important;
  border-radius: 18px 18px 0 0 !important;
  
  /* التمدد بالكامل لحذف الفراغات البيضاء */
  width: 100vw !important;
  max-width: 100vw !important;
  margin: 0 !important;
  left: 0 !important;
  right: 0 !important;
}

/* الحاوية الداخلية وإلغاء أي هوامش جانبية تسبب فراغ أبيض */
footer .container,
.store-footer .container,
.footer .container,
[data-testid="footer"] .container,
footer .footer__inner,
footer .footer-top,
footer .footer-main {
  width: 100% !important;
  max-width: 100% !important;
  padding-left: 15px !important; 
  padding-right: 15px !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

/* العناوين */
footer h2, footer h3, footer h4,
.store-footer h2, .store-footer h3, .store-footer h4,
.footer h2, .footer h3, .footer h4{
  color: #FFFFFF !important;
  font-size: 16px !important;
  margin-bottom: 6px !important;
  font-weight: 800 !important;
}

/* النصوص والروابط */
footer p, footer a, footer li, footer span,
.store-footer p, .store-footer a, .store-footer li, .store-footer span,
.footer p, .footer a, .footer li, .footer span{
  color: rgba(255,255,255,.82) !important;
  font-size: 12px !important;
  line-height: 1.55 !important;
  margin-bottom: 3px !important;
  text-decoration: none !important;
}

/* الهوفر */
footer a:hover,
.store-footer a:hover,
.footer a:hover{
  color: #F2D46B !important;
}

/* الشعار */
footer img,
.store-footer img,
.footer img{
  max-width: 85px !important;
  height: auto !important;
}

/* أيقونات الدفع */
footer .payment-icons img,
.store-footer .payment-icons img,
.footer .payment-icons img{
  max-height: 16px !important;
  width: auto !important;
}

/* أيقونات التواصل */
footer .social a,
footer .social-icons a,
.store-footer .social a,
.footer .social a{
  width: 38px !important;
  height: 38px !important;
  min-width: 38px !important;
  min-height: 38px !important;
  border-radius: 12px !important;
  border: 1px solid rgba(255,255,255,.18) !important;
  background: rgba(255,255,255,.05) !important;
  color: #FFFFFF !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}

/* تقليل الفراغات */
footer *,
.store-footer *,
.footer *,
[data-testid="footer"] *{
  margin-top: 0 !important;
}

/* سطر الحقوق */
footer .copyright,
.store-footer .copyright,
.footer .copyright{
  margin-top: 8px !important;
  padding-top: 8px !important;
  font-size: 12px !important;
  color: rgba(255,255,255,.68) !important;
  border-top: 1px solid rgba(255,255,255,.08) !important;
}

/* ========================================= */
/* ضبط موضع الخريطة للكمبيوتر (تم التكبير) */
/* ========================================= */
.custom-footer-map-slot {
  order: 9999 !important;      
  margin-right: auto !important;
  margin-left: 20px !important; /* تقليل الإزاحة لليسار لإعطاء مساحة للتكبير */
  width: 600px !important;      /* تم تكبير العرض من 520 إلى 600 */
  max-width: 95% !important;
  padding: 0 !important;
  text-align: center !important;
}

.custom-footer-map-title {
  margin: 0 0 12px !important;
  color: #fff !important;
  font-size: 24px !important; /* خط أنسب للعنوان */
  font-weight: 700 !important;
  line-height: 1.2;
  text-align: center !important;
}

.custom-footer-map-wrap,
.custom-footer-map-wrap iframe {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 auto !important;
}

.custom-footer-map-wrap iframe {
  height: 360px !important;
  border: 0 !important;
  border-radius: 18px !important;
}

/* ========================================= */
/* للجوال والشاشات الأصغر (توسيط وتكبير)   */
/* ========================================= */
@media (max-width: 992px) {
  .custom-footer-map-slot {
    width: 96% !important; /* أخذ مساحة أكبر من الشاشة */
    margin-left: auto !important; /* توسيط من اليسار */
    margin-right: auto !important; /* توسيط من اليمين */
    margin-top: 25px !important;
    display: block !important;
  }

  .custom-footer-map-title {
    font-size: 18px !important; /* تصغير الخط في الجوال ليناسب الشاشة */
  }

  .custom-footer-map-wrap iframe {
    height: 260px !important; /* طول مناسب للجوال */
    border-radius: 14px !important;
  }
}

@media (max-width: 768px){
  footer,
  .store-footer,
  .footer,
  [data-testid="footer"]{
    padding-top: 14px !important;
    padding-bottom: 8px !important;
  }

  footer h2, footer h3, footer h4,
  .store-footer h2, .store-footer h3, .store-footer h4,
  .footer h2, .footer h3, .footer h4{
    font-size: 15px !important;
  }

  footer p, footer a, footer li, footer span,
  .store-footer p, .store-footer a, .store-footer li, .store-footer span,
  .footer p, .footer a, .footer li, .footer span{
    font-size: 11px !important;
  }

  footer img,
  .store-footer img,
  .footer img{
    max-width: 70px !important;
  }
}