/* تغيير خلفية الهيدر ولون النص بصفحة الموقع */
header, .site-header, .main-header, .raed-header {
  background: #222222 !important; /* غيّر الكود اللوني هنا */
  color: #c59331 !important;      /* لون النص داخل الهيدر */
}

/* روابط داخل الهيدر */
header a, .site-header a, .main-header a {
  color: #c59331 !important;      /* لون روابط الهيدر */
}

/* تغيير خلفية الفوتر ولون النص */
footer, .site-footer, .main-footer, .raed-footer {
  background: #111111 !important; /* غيّر الكود اللوني هنا */
  color: #377c80 !important;
}

/* روابط داخل الفوتر */
footer a, .site-footer a, .main-footer a {
  color: #c59331 !important;
}
/* إزالة أي صورة خلفية افتراضية في الهيدر/الفوتر */
header, footer, .site-header, .site-footer {
  background-image: none !important;
  border-top: none !important;
  border-bottom: none !important;
}

/* إضافة تباعد داخل الهيدر والفوتر */
header .container, footer .container, .site-header .container, .site-footer .container {
  padding-top: 18px !important;
  padding-bottom: 18px !important;
}
/* تحسين توزيع الأعمدة داخل الفوتر */
footer .container, 
.site-footer .container, 
.main-footer .container {
  display: flex !important;
  flex-wrap: wrap;
  justify-content: space-between; /* توزيع متوازن */
  align-items: flex-start;
  gap: 40px; /* المسافة بين الأعمدة */
  padding: 40px 60px !important; /* مسافة داخلية للفوتر */
}

/* كل عمود (ويدجت) */
footer .widget, 
.site-footer .widget, 
.main-footer .widget {
  flex: 1 1 300px; /* عرض متجاوب */
  min-width: 250px;
}

/* ضبط النصوص الداخلية */
footer, 
footer p, 
footer a, 
footer li {
  line-height: 1.8;
}

/* إزالة أي محاذاة خاطئة أو مسافات جانبية */
footer .row {
  margin: 0 !important;
  padding: 0 !important;
}

/* جعل الفوتر في المنتصف للشاشات الصغيرة */
@media (max-width: 768px) {
  footer .container {
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 30px;
  }
}

/* ✅ تقليل ارتفاع منطقة الحقوق وشعارات الدفع */
.footer-bottom, 
.site-footer-bottom, 
footer .payment-methods, 
footer .copyright {
  padding-top: 8px !important;
  padding-bottom: 10px !important;
  margin: 0 auto !important;
}

/* ضبط محاذاة النص في الحقوق */
.footer-bottom p, 
footer .copyright {
  text-align: center;
  font-size: 13px !important;
  color: #ccc !important;
}
/* ✅ منطقة الحقوق وشعارات الدفع */
.footer-bottom,
.site-footer-bottom,
footer .payment-methods,
footer .copyright {
  background-color: #377c80 !important; /* الأخضر المزرق */
  padding-top: 8px !important;
  padding-bottom: 8px !important;
  margin: 0 auto !important;
  color: #ffffff !important;
  text-align: center;
}