.elementor-1158 .elementor-element.elementor-element-221660d{--display:flex;--min-height:0px;--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;}.elementor-1158 .elementor-element.elementor-element-221660d:not(.elementor-motion-effects-element-type-background), .elementor-1158 .elementor-element.elementor-element-221660d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF00;}#elementor-popup-modal-1158{background-color:rgba(0,0,0,.8);justify-content:center;align-items:center;pointer-events:all;}#elementor-popup-modal-1158 .dialog-message{width:640px;height:auto;}#elementor-popup-modal-1158 .dialog-close-button{display:flex;}#elementor-popup-modal-1158 .dialog-widget-content{box-shadow:2px 8px 23px 3px rgba(0,0,0,0.2);}@media(max-width:767px){.elementor-1158 .elementor-element.elementor-element-221660d{--content-width:70%;--min-height:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}}@media(min-width:768px){.elementor-1158 .elementor-element.elementor-element-221660d{--content-width:49%;}}/* Start custom CSS for shortcode, class: .elementor-element-1a798d8 *//* عنوان النص فوق الفورم */
.wpcf7 form .cf7-hero .cf7-title {
  color: #ffffff;
  font-size: 16px;
  font-weight: 700;
  text-align: center;
  margin-bottom: 8px;
  font-family: 'Cairo', sans-serif;
}

/* صندوق الفورم */
.wpcf7 form .cf7-hero {
  max-width: 480px;
  width: 100%;
  margin: 0 auto;
  background: rgba(0, 0, 0, 0.6);
  padding: 14px;
  border-radius: 22px; /* ← الزوايا بقت دائرية أكتر */
  backdrop-filter: blur(2px);
  font-family: 'Cairo', sans-serif;
  direction: rtl;
  text-align: right;
}

/* الحقول */
.wpcf7 form .cf7-hero .wpcf7-form-control:not(.wpcf7-submit) {
  width: 100%;
  box-sizing: border-box;
  background: #0a2240;
  color: #ffffff;
  border: 1px solid rgba(255,255,255,0.25);
  border-radius: 14px; /* ← بدل 8px */
  padding: 6px 10px;
  margin-bottom: 8px;
  outline: none;
  font-size: 13px;
  font-family: 'Cairo', sans-serif;
  text-align: right;
  direction: rtl;
}

/* خلية الرسالة */
.wpcf7 form .cf7-hero textarea.wpcf7-form-control {
  min-height: 70px;
  max-height: 100px;
  resize: vertical;
  border-radius: 14px; /* ← نفس الشكل */
  font-family: 'Cairo', sans-serif;
  text-align: right;
  direction: rtl;
}

/* Placeholder */
.wpcf7 form .cf7-hero ::placeholder {
  color: rgba(255,255,255,0.8);
  font-family: 'Cairo', sans-serif;
  text-align: right;
}

/* عند التركيز */
.wpcf7 form .cf7-hero .wpcf7-form-control:focus {
  border-color: #ff7a00;
  box-shadow: 0 0 0 2px rgba(255,122,0,0.2);
}

/* زر الإرسال */
.wpcf7 form .cf7-hero .wpcf7-submit {
  width: 100%;
  background: #ff7a00;
  color: #000;
  border: none;
  border-radius: 18px; /* ← دوران ناعم للزر */
  padding: 8px 10px;
  font-weight: 700;
  font-size: 14px;
  cursor: pointer;
  transition: transform 0.05s ease, filter 0.2s ease;
  font-family: 'Cairo', sans-serif;
}

/* Hover / Active */
.wpcf7 form .cf7-hero .wpcf7-submit:hover {
  filter: brightness(1.05);
}
.wpcf7 form .cf7-hero .wpcf7-submit:active {
  transform: translateY(1px);
}

/* رسالة النجاح/الخطأ */
.wpcf7 form .wpcf7-response-output {
  margin-top: 8px;
  color: #fff;
  border-color: #ff7a00;
  font-family: 'Cairo', sans-serif;
  font-size: 13px;
  border-radius: 10px; /* ← حتى الرسائل بقت بزوايا ناعمة */
}

/* موبايل */
@media (max-width: 480px) {
  .wpcf7 form .cf7-hero {
    padding: 12px;
    border-radius: 18px; /* ← تناسب مع الشكل العام */
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-221660d *//* شفافية صندوق البوب-أب نفسه (يشيل الخلفية البيضا) */
.elementor-popup-modal .dialog-widget-content,
.elementor-popup-modal .dialog-message,
.elementor-popup-modal .dialog-widget {
  background: transparent !important;
  box-shadow: none !important;
  border: none !important;
}

/* شيل أي خلفيات جاية من عناصر إليمنتور جوّا البوب-أب */
.elementor-popup-modal .elementor-section,
.elementor-popup-modal .elementor-container,
.elementor-popup-modal .elementor-widget-wrap,
.elementor-popup-modal .elementor-widget-container {
  background: transparent !important;
  box-shadow: none !important;
}

/* تقليل/إلغاء الـpadding حوالين المحتوى لو في فراغ */
.elementor-popup-modal .dialog-message {
  padding: 0 !important;   /* زودها لـ 8–12px لو عايز مسافة بسيطة */
  border-radius: 0 !important;
}

/* تحكم في لون طبقة الخلفية (الأسود الشفاف اللي ورا البوب-أب) */
.elementor-popup-modal .dialog-overlay {
  background: rgba(0,0,0,0.6) !important; /* خليه 0 لو عايزها شفافة تمامًا */
}
/* زر إغلاق بوب-أب إليمنتور: دايرة بيضا ومركز */
.elementor-popup-modal .dialog-close-button {
  position: absolute;
  top: 10px;
  left: 10px;        /* لو عايزه يمين بدّل لـ right:10px; وأزل left */
  right: auto;
  width: 34px;
  height: 34px;
  border-radius: 50%;
  background: #fff !important;
  color: #000 !important;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 2px 8px rgba(0,0,0,0.25);
  z-index: 9999;
  opacity: 1 !important;   /* تأكد إنها ظاهرة */
}

/* لون الأيقونة جوّه الزر (يدعم i أو svg) */
.elementor-popup-modal .dialog-close-button i,
.elementor-popup-modal .dialog-close-button svg {
  color: #000 !important;
  fill: #000 !important;
  width: 18px;
  height: 18px;
}

/* تفاعل */
.elementor-popup-modal .dialog-close-button:hover {
  transform: scale(1.05);
  filter: none;
}
.elementor-popup-modal .dialog-close-button:focus {
  outline: none;
  box-shadow: 0 0 0 2px rgba(255,255,255,0.8), 0 0 0 4px rgba(0,0,0,0.35);
}

/* موبايل: زر أصغر شوية */
@media (max-width: 480px) {
  .elementor-popup-modal .dialog-close-button {
    width: 30px;
    height: 30px;
    top: 8px;
    left: 8px;
  }
}/* End custom CSS */