/* Add custom CSS styles below */ 
/* تغيير لون الخلفية للفوتر */
footer,
footer div,
footer section {
    background-color: #2E3A8C !important; /* اختر اللون الذي تريده */
}
footer, footer * { color: #ffffff !important; }
footer hr {
  border-top: 1px solid #1e3a8a !important; /* أزرق أنيق */
}

/* إلغاء أي خطوط فاصلة في الفوتر */
footer *,
footer::before,
footer::after {
    border: none !important;
}

/* إلغاء الخطوط العلوية والسفلية تحديدًا */
footer div,
footer section {
    border-top: none !important;
    border-bottom: none !important;
}

/* إلغاء أي خطوط وهمية */
footer *::before,
footer *::after {
    content: none !important;
    border: none !important;
}

/* إجبار تلوين أيقونات السوشيال في الفوتر */
footer a svg,
footer a i {
  transition: all 0.3s ease;
}

/* Facebook */
footer a[href*="facebook"] svg,
footer a[href*="facebook"] i {
  fill: #1877F2 !important;
  color: #1877F2 !important;
}

/* YouTube */
footer a[href*="youtube"] svg,
footer a[href*="youtube"] i {
  fill: #FF0000 !important;
  color: #FF0000 !important;
}

/* TikTok */
footer a[href*="tiktok"] svg,
footer a[href*="tiktok"] i {
  fill: #000000 !important;
  color: #000000 !important;
}

/* Snapchat */
footer a[href*="snapchat"] svg,
footer a[href*="snapchat"] i {
  fill: #FFFC00 !important;
  color: #FFFC00 !important;
}

/* X (Twitter) */
footer a[href*="x.com"] svg,
footer a[href*="twitter"] svg,
footer a[href*="x.com"] i,
footer a[href*="twitter"] i {
  fill: #000000 !important;
  color: #000000 !important;
}

/* Instagram */
footer a[href*="instagram"] svg,
footer a[href*="instagram"] i {
  fill: #E1306C !important;
  color: #E1306C !important;
}

/* Hover effect */
footer a:hover svg,
footer a:hover i {
  opacity: 0.85;
  transform: scale(1.08);
}