.elementor .e-f3ed310{flex-direction:column;}.elementor .e-e53bf88{display:flex;flex-direction:row;justify-content:center;align-items:center;}.elementor .e-c3567f1{flex-direction:column;/* ============================================================ */
/* ===== ضبط مساحة التنفس وتوسيط الفورم مع الخطوط الحمراء ===== */
/* ============================================================ */

/* 1. إعطاء غلاف WPForms نفس العرض والهوامش الجانبية لكل الموقع */
div.wpforms-container,
.wpforms-container-full {
max-width: 1400px !important; /* نفس عرض app-container المعتمد */
margin-left: auto !important;
margin-right: auto !important;
padding-left: 24px !important;
padding-right: 24px !important;
box-sizing: border-box !important;
direction: rtl !important;
width: 100% !important;
}

/* 2. جعل حقول الإدخال والنموذج تمتد لتعبئة مساحة الخطين الأحمرين تماماً */
.wpforms-form {
width: 100% !important;
max-width: 100% !important;
margin: 0 auto !important;
box-sizing: border-box !important;
}

.wpforms-field {
padding-left: 0 !important;
padding-right: 0 !important;
width: 100% !important;
}

/* 3. جعل الخانات والأزرار تمتد على كامل العرض المسموح بداخل الخطين */
.wpforms-field input[type="text"],
.wpforms-field input[type="email"],
.wpforms-field textarea {
width: 100% !important;
max-width: 100% !important;
box-sizing: border-box !important;
border-radius: 12px !important;
border: 1px solid #E5EBF2 !important;
padding: 14px 18px !important;
font-family: 'DIN Next Arabic', sans-serif !important;
}

/* ====== ضبط الهوامش للتجاوب مع الجوال ====== */
@media (max-width: 768px) {
div.wpforms-container,
.wpforms-container-full {
  padding-left: 12px !important;
  padding-right: 12px !important;
}
}\n}