/* Add custom CSS styles below */ 
/* ==========================================================
   رام — إصلاحات ألوان فقط. لا يوجد أي تغيير في الأحجام
   أو المسافات أو الترتيب. للتراجع: احذف الكود واحفظ.
   ========================================================== */

/* 1) الصفحات التعريفية — البطاقة بيضاء، فالنص يصير غامقاً */
.content--single-page,
.content--single-page h1,
.content--single-page h2,
.content--single-page h3,
.content--single-page h4,
.content--single-page h5,
.content--single-page h6,
.content--single-page p,
.content--single-page li,
.content--single-page span,
.content--single-page strong,
.content--single-page b,
.content--single-page em {
  color: #2a1b33 !important;
}

.content--single-page a {
  color: #9325b1 !important;
}

/* 2) صفحة المقال — الخلفية بنفسجية، فالنص يصير أبيض */
.blog-single-content-title,
.blog-single-content-description,
.blog-single-content-description p,
.blog-single-content-description li,
.blog-single-content-description span,
.blog-single-content-description strong,
.blog-single-content-description b,
.blog-single-content-description em,
.blog-single-content-description h1,
.blog-single-content-description h2,
.blog-single-content-description h3,
.blog-single-content-description h4,
.blog-single-content-footer-share-heading,
.blog-single-related-heading,
.blog-single-related-single-title h4 {
  color: #ffffff !important;
}

.blog-single-content-description a {
  color: #f1c9fe !important;
}

/* 3) شريط التنقل السفلي في الجوال — أيقونات بيضاء */
.mobile-nav-bottom a,
.mobile-nav-bottom button,
.mobile-nav-bottom label,
.mobile-nav-bottom svg,
.mobile-nav-bottom .mobile-nav-bottom-user-connected {
  color: #ffffff !important;
}

.mobile-nav-bottom a:hover,
.mobile-nav-bottom button:hover {
  color: #f1c9fe !important;
}