.elementor-20411 .elementor-element.elementor-element-2e37ca8{--spacer-size:50px;}/* Start custom CSS for spacer, class: .elementor-element-2e37ca8 *//* ✅ الخط العام */
body,
.acf-form,
.acf-form label,
.acf-form input,
.acf-form select,
.acf-form textarea,
.acf-form button {
  font-family: 'Rubik';
  color: #631e3e; /* بنفسجي فاتح */
}

/* ✅ خلفية للفورم */
.acf-form {
  background: linear-gradient(135deg, #f5f0fa, #e0d4f7);
  padding: 30px;
  border-radius: 25px;
  box-shadow: 0 0 20px rgba(195, 177, 225, 0.3);
  max-width: 900px;
  margin: 0 auto;
}

/* ✅ الحقول */
.acf-form input[type="text"],
.acf-form input[type="email"],
.acf-form input[type="date"],
.acf-form input[type="number"],
.acf-form select,
.acf-form textarea {
  width: 100%;
  padding: 12px 16px;
  margin-bottom: 24px;
  border: 2px solid #ccc;         /* افتراضي رمادي */
  border-radius: 90px;            /* زوايا مقوسة جدًا */
  font-size: 15px;
  background-color: #fff;
  color: #6a1b9a;                 /* بنفسجي غامق للنص داخل الحقل */
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.05);
  transition: all 0.3s ease;
  box-sizing: border-box;
}

/* ✅ عند المرور (hover) */
.acf-form input:hover,
.acf-form select:hover,
.acf-form textarea:hover {
  border-color: #9c4dcc;          /* بنفسجي متوسط */
  background-color: #f5f0fa;      /* خلفية بنفسجية فاتحة */
}

/* ✅ عند التركيز (focus) */
.acf-form input:focus,
.acf-form select:focus,
.acf-form textarea:focus {
  border-color: #6a1b9a;          /* بنفسجي غامق */
  background-color: #efeaff;      /* خلفية بنفسجية ناعمة */
  box-shadow: 0 0 12px rgba(106, 27, 154, 0.3);
  outline: none;
}

/* ✅ العناوين والليبلات */
.acf-form h3,
.acf-form .acf-label label {
  font-size: 18px;
  font-weight: 700;
  color: #631e3e;
  margin-bottom: 10px;
  text-align: right;
}

/* ✅ زر الإرسال */
.acf-form input[type="submit"],
.acf-form button {
  background-color: #C3B1E1;
  color: #fff;
  font-size: 16px;
  font-weight: 600;
  padding: 12px 28px;
  border: none;
  border-radius: 25px;
  cursor: pointer;
  transition: all 0.3s ease;
  box-shadow: 0 4px 10px rgba(195, 177, 225, 0.3);
}

/* ✅ زر الإرسال عند المرور */
.acf-form input[type="submit"]:hover,
.acf-form button:hover {
  background-color: #6a1b9a;
  color: #D8BFD8;
  box-shadow: 0 6px 14px rgba(106, 27, 154, 0.3);
}

/* ✅ إخفاء وصف الحقول */
.acf-form .description {
  display: none;
}

/* ✅ استجابة للجوال */
@media (max-width: 768px) {
  .acf-form {
    padding: 20px;
  }
  .acf-form input,
  .acf-form select,
  .acf-form textarea {
    font-size: 14px;
  }
}

/* ✅ العناوين الكبيرة مثل الأقسام */
.acf-form h3 {
  font-size: 20px;
  font-weight: 700;
  color: #631e3e;
  font-family: 'Rubik', sans-serif;
  margin-bottom: 12px;
  text-align: right;
}

/* ✅ الليبلات فوق الحقول */
.acf-form .acf-label label {
  font-size: 15px;
  font-weight: 600;
  color: #631e3e;
  font-family: 'Rubik';
  margin-bottom: 6px;
  display: block;
  text-align: right;
}

/* ✅ تعديل إضافي للـ padding */
.acf-form input[type="text"],
.acf-form input[type="email"],
.acf-form input[type="date"],
.acf-form input[type="number"],
.acf-form select,
.acf-form textarea {
  padding: 10px;
  margin: 10px;
}/* End custom CSS */