.elementor-1368 .elementor-element.elementor-element-a383dfc{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}:root{--page-title-display:none;}/* Start custom CSS for html, class: .elementor-element-e1eb27c *//* --- تنسيق صفحة الشروط (تصميم الحاوية القوي) --- */

/* 1. الحاوية الرئيسية (هذا هو الأهم) */
.terms-container {
  direction: rtl;
  text-align: right;
  font-family: 'Cairo', 'Tajawal', sans-serif; /* استخدم خط موقعك */
  
  /* --- التصميم كـ "بطاقة" --- */
  background: #ffffff;
  border-radius: 12px; /* حواف ناعمة */
  border: 1px solid #e9e9e9; /* حد خفيف جداً */
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.08); /* ظل ناعم لرفعها */
  
  /* --- الهوامش --- */
  max-width: 900px; /* تحديد العرض */
  margin: 50px auto; /* 50px فوق وتحت لفصلها عن الهيدر والفوتر */
  padding: 40px 50px; /* هوامش داخلية كبيرة (مهم جداً) */
}

/* 2. العنوان الرئيسي */
.terms-container h1 {
  font-size: 34px;
  font-weight: 900; /* وزن ثقيل جداً */
  color: #1a1a1a;
  margin-bottom: 10px;
  text-align: center;
}

/* 3. تاريخ آخر تحديث */
.terms-container .last-updated {
  font-size: 15px;
  color: #888;
  margin-bottom: 30px;
  text-align: center;
  border-bottom: 1px solid #f0f0f0;
  padding-bottom: 30px;
}

/* 4. المقدمة (تمييزها) */
.terms-container .preamble {
  background-color: #f9f9f9;
  border: 1px solid #eee;
  padding: 25px;
  border-radius: 8px;
  margin-bottom: 30px;
}
.terms-container .preamble p {
  font-size: 17px;
  line-height: 1.9;
  color: #333; /* لون أغمق للوضوح */
}

/* 5. العناوين الفرعية (للبنود) */
.terms-container h2 {
  font-size: 26px;
  font-weight: 800;
  color: #5D0A8B; /* لون نغميكس البنفسجي */
  margin-top: 50px; /* مسافة أكبر *قبل* العنوان */
  margin-bottom: 20px;
  padding-top: 25px; /* مسافة *بعد* الخط */
  border-top: 2px solid #f0f0f0; /* خط فاصل علوي (أفضل من السفلي) */
}

/* 6. الفقرات النصية (لراحة العين) */
.terms-container p {
  font-size: 17px;
  line-height: 1.8;
  color: #444; /* رمادي داكن (أريح للعين) */
  margin-bottom: 15px;
}

.terms-container p strong {
  color: #111;
  font-weight: 700;
}

/* 7. الروابط */
.terms-container a {
  color: #5D0A8B;
  text-decoration: none;
  font-weight: 600;
  border-bottom: 1px dotted #5D0A8B;
  transition: all 0.3s ease;
}
.terms-container a:hover {
  background-color: #f4e9fc;
  border-bottom-style: solid;
}

/* 8. القوائم النقطية (تخصيص النقاط) */
.terms-container ul {
  list-style-type: none; /* إزالة النقاط الافتراضية */
  margin-right: 20px;
  margin-bottom: 15px;
  padding-right: 0;
}

.terms-container ul li {
  font-size: 17px;
  line-height: 1.8;
  color: #444;
  margin-bottom: 12px;
  position: relative; /* لضبط موضع العلامة */
  padding-right: 30px; /* مساحة لعلامة الصح */
}

.terms-container ul li::before {
  content: '✓'; /* علامة الصح */
  position: absolute;
  top: 0;
  right: 0;
  color: #5D0A8B; /* لون العلامة بنفسجي */
  font-weight: 800;
  font-size: 18px;
}

/* 9. تعديل بسيط للبند 20 (أحكام عامة) لجعله "قائمة" */
.terms-container h2:last-of-type + p {
    font-weight: 700;
    color: #111;
}

/* --- 10. للتجاوب مع الجوال (مهم) --- */
@media (max-width: 767px) {
  .terms-container {
    margin: 20px auto;
    padding: 25px 20px; /* تقليل الهوامش للجوال */
  }
  .terms-container h1 {
    font-size: 28px;
  }
  .terms-container h2 {
    font-size: 22px;
    margin-top: 40px;
    padding-top: 20px;
  }
  .terms-container p, 
  .terms-container ul li,
  .terms-container .preamble p {
    font-size: 15px; /* خط أصغر ليتناسب مع الشاشة */
  }
  .terms-container ul li {
    padding-right: 25px;
  }
}/* End custom CSS */