.elementor-1788 .elementor-element.elementor-element-4782c0c5{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1788 .elementor-element.elementor-element-4782c0c5:not(.elementor-motion-effects-element-type-background), .elementor-1788 .elementor-element.elementor-element-4782c0c5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-1788 .elementor-element.elementor-element-21e0b64f{margin:20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-1788 .elementor-element.elementor-element-21e0b64f{margin:15px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}}@media(max-width:767px){.elementor-1788 .elementor-element.elementor-element-21e0b64f{margin:15px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}}/* Start custom CSS for shortcode, class: .elementor-element-21e0b64f *//* ==========================================================
   Ultimate Member Registration Form - Final Custom Design
   ========================================================== */

/* ===================== المتغيرات ===================== */
.elementor-1788 .elementor-element.elementor-element-21e0b64f {
  --form-bg: #0b1220;
  --form-surface: #111b2b;
  --form-border: rgba(148, 163, 184, 0.22);
  --form-text: #f1f5f9;
  --form-muted: #a8b4c5;
  --form-accent: #3b9bea;
  --form-accent-hover: #237fce;
  --form-radius: 16px;
  --form-icon: #3b9bea;
}

/* ===================== حاوية الفورم ===================== */
.elementor-1788 .elementor-element.elementor-element-21e0b64f .um-form {
  direction: ltr;
  text-align: left;
  color: var(--form-text);
  background:
    radial-gradient(ellipse at top right, rgba(59, 155, 234, 0.13), transparent 48%),
    linear-gradient(145deg, #111b2b 0%, var(--form-bg) 72%);
  border: 1px solid var(--form-border);
  border-radius: var(--form-radius);
  padding: clamp(20px, 4vw, 38px);
  box-shadow: 0 18px 55px rgba(2, 8, 23, 0.28);
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
}

/* ===================== الحقول العامة ===================== */
.elementor-1788 .elementor-element.elementor-element-21e0b64f .um-field {
  margin-bottom: 18px;
}

.elementor-1788 .elementor-element.elementor-element-21e0b64f .um-field-label {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 8px;
}

.elementor-1788 .elementor-element.elementor-element-21e0b64f .um-field-label label {
  color: var(--form-text);
  font-size: 14px;
  font-weight: 600;
  margin: 0;
}

/* ===================== الأيقونات ===================== */
.elementor-1788 .elementor-element.elementor-element-21e0b64f .um-field-label-icon i {
  color: var(--form-icon);
  font-size: 16px;
  width: 18px;
  text-align: center;
  display: inline-block;
}

/* ===================== حقول الإدخال ===================== */
.elementor-1788 .elementor-element.elementor-element-21e0b64f .um-form-field,
.elementor-1788 .elementor-element.elementor-element-21e0b64f .um-form-field:hover,
.elementor-1788 .elementor-element.elementor-element-21e0b64f .um-form-field:focus,
.elementor-1788 .elementor-element.elementor-element-21e0b64f .um-form-field:active,
.elementor-1788 .elementor-element.elementor-element-21e0b64f .um-form-field:valid,
.elementor-1788 .elementor-element.elementor-element-21e0b64f .um-form-field:invalid {
  width: 100%;
  background-color: var(--form-surface) !important;
  background-image: none !important;
  border: 1px solid var(--form-border);
  color: var(--form-text) !important;
  -webkit-text-fill-color: var(--form-text) !important;
  caret-color: var(--form-accent);
  border-radius: 10px;
  padding: 12px 14px;
  font-size: 14px;
  box-sizing: border-box;
  transition: border-color .2s ease, box-shadow .2s ease;
  appearance: none;
  -webkit-appearance: none;
}

.elementor-1788 .elementor-element.elementor-element-21e0b64f .um-form-field::placeholder {
  color: var(--form-muted);
  -webkit-text-fill-color: var(--form-muted);
}

.elementor-1788 .elementor-element.elementor-element-21e0b64f .um-form-field:focus {
  outline: none;
  border-color: var(--form-accent);
  box-shadow: 0 0 0 3px rgba(59, 155, 234, .22);
  background-color: var(--form-surface) !important;
}

/* ====== إصلاح Autofill ====== */
.elementor-1788 .elementor-element.elementor-element-21e0b64f .um-form-field:-webkit-autofill,
.elementor-1788 .elementor-element.elementor-element-21e0b64f .um-form-field:-webkit-autofill:hover,
.elementor-1788 .elementor-element.elementor-element-21e0b64f .um-form-field:-webkit-autofill:focus,
.elementor-1788 .elementor-element.elementor-element-21e0b64f .um-form-field:-webkit-autofill:active {
  -webkit-box-shadow: 0 0 0 1000px var(--form-surface) inset !important;
  box-shadow: 0 0 0 1000px var(--form-surface) inset !important;
  -webkit-text-fill-color: var(--form-text) !important;
  caret-color: var(--form-accent);
  transition: background-color 5000s ease-in-out 0s;
}

.elementor-1788 .elementor-element.elementor-element-21e0b64f .um-form-field:autofill {
  background-color: var(--form-surface) !important;
  color: var(--form-text) !important;
}

/* ===================== حقل الراديو (level) ===================== */
.elementor-1788 .elementor-element.elementor-element-21e0b64f .um-field-radio label.um-field-radio {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  width: calc(50% - 8px);
  margin: 0 0 10px 0;
  padding: 12px 14px;
  background: var(--form-surface);
  border: 1px solid var(--form-border);
  border-radius: 10px;
  color: var(--form-text);
  cursor: pointer;
  transition: all .2s ease;
  box-sizing: border-box;
  vertical-align: top;
}

.elementor-1788 .elementor-element.elementor-element-21e0b64f .um-field-radio label.um-field-radio.right {
  margin-left: 16px;
}

.elementor-1788 .elementor-element.elementor-element-21e0b64f .um-field-radio label.um-field-radio:hover {
  border-color: var(--form-accent);
  background: rgba(59, 155, 234, 0.08);
}

.elementor-1788 .elementor-element.elementor-element-21e0b64f .um-field-radio label.um-field-radio.active {
  border-color: var(--form-accent);
  background: rgba(59, 155, 234, 0.12);
  box-shadow: 0 0 0 3px rgba(59, 155, 234, .18);
}

.elementor-1788 .elementor-element.elementor-element-21e0b64f .um-field-radio input[type="radio"] {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

.elementor-1788 .elementor-element.elementor-element-21e0b64f .um-field-radio .um-field-radio-state {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  flex: 0 0 20px;
  color: var(--form-muted);
  font-size: 20px;
  transition: color .2s ease;
}

.elementor-1788 .elementor-element.elementor-element-21e0b64f .um-field-radio label.um-field-radio.active .um-field-radio-state {
  color: var(--form-accent);
}

.elementor-1788 .elementor-element.elementor-element-21e0b64f .um-field-radio .um-field-radio-option {
  color: var(--form-text);
  font-size: 14px;
  font-weight: 500;
}

.elementor-1788 .elementor-element.elementor-element-21e0b64f .um-field-radio label.um-field-radio.active .um-field-radio-option {
  color: #fff;
  font-weight: 600;
}

/* ===================== الأزرار ===================== */
.elementor-1788 .elementor-element.elementor-element-21e0b64f .um-col-alt {
  display: flex;
  gap: 12px;
  margin-top: 24px;
}

.elementor-1788 .elementor-element.elementor-element-21e0b64f .um-col-alt .um-left.um-half,
.elementor-1788 .elementor-element.elementor-element-21e0b64f .um-col-alt .um-right.um-half {
  width: 50%;
  float: none;
}

.elementor-1788 .elementor-element.elementor-element-21e0b64f .um-button {
  display: block;
  width: 100%;
  text-align: center;
  background: var(--form-accent);
  color: #fff !important;
  border: 0;
  border-radius: 10px;
  padding: 12px 20px;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  text-decoration: none;
  transition: background .2s ease, transform .2s ease;
  box-sizing: border-box;
}

.elementor-1788 .elementor-element.elementor-element-21e0b64f .um-button:hover {
  background: var(--form-accent-hover);
  color: #fff !important;
  transform: translateY(-1px);
}

.elementor-1788 .elementor-element.elementor-element-21e0b64f .um-button.um-alt {
  background: transparent;
  color: var(--form-text) !important;
  border: 1px solid var(--form-border);
}

.elementor-1788 .elementor-element.elementor-element-21e0b64f .um-button.um-alt:hover {
  background: var(--form-surface);
  border-color: var(--form-accent);
  color: var(--form-text) !important;
}

/* ===================== إخفاء الغير مناسب ===================== */
.elementor-1788 .elementor-element.elementor-element-21e0b64f .um_request_name {
  display: none !important;
}

.elementor-1788 .elementor-element.elementor-element-21e0b64f .um-clear {
  display: none;
}

/* ==========================================================
   رسالة "You are already registered."
   (بدون ID — تستهدف أي shortcode داخل نفس الحاوية)
   ========================================================== */
.elementor-1788 .elementor-element.elementor-element-21e0b64f .elementor-shortcode,
.elementor-1788 .elementor-element.elementor-element-21e0b64f .elementor-shortcode *,
.elementor-1788 .elementor-element.elementor-element-21e0b64f .elementor-shortcode p,
.elementor-1788 .elementor-element.elementor-element-21e0b64f .elementor-shortcode div,
.elementor-1788 .elementor-element.elementor-element-21e0b64f .elementor-shortcode span {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

/* لو أردت تمييز الرسالة بخلفية وإطار */
.elementor-1788 .elementor-element.elementor-element-21e0b64f .elementor-widget-shortcode .elementor-shortcode:not(:has(.um)) {
  background: var(--form-surface);
  border: 1px solid var(--form-border);
  border-radius: 10px;
  padding: 16px 18px;
  text-align: center;
  font-size: 14px;
  font-weight: 600;
}

/* ===================== رسائل UM (نجاح / خطأ) ===================== */
.elementor-1788 .elementor-element.elementor-element-21e0b64f .um .um-field-block,
.elementor-1788 .elementor-element.elementor-element-21e0b64f .um .um-misc-holder,
.elementor-1788 .elementor-element.elementor-element-21e0b64f .um-message,
.elementor-1788 .elementor-element.elementor-element-21e0b64f .um-notice,
.elementor-1788 .elementor-element.elementor-element-21e0b64f .um-error,
.elementor-1788 .elementor-element.elementor-element-21e0b64f .um-notice p,
.elementor-1788 .elementor-element.elementor-element-21e0b64f .um-message p {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  background: var(--form-surface);
  border: 1px solid var(--form-border);
  border-radius: 10px;
  padding: 14px 16px;
  text-align: center;
  font-weight: 600;
}

.elementor-1788 .elementor-element.elementor-element-21e0b64f .um-notice.success,
.elementor-1788 .elementor-element.elementor-element-21e0b64f .um-message.success {
  color: var(--form-accent) !important;
  -webkit-text-fill-color: var(--form-accent) !important;
  border-color: var(--form-accent);
}

/* ===================== موبايل ===================== */
@media (max-width: 480px) {
  .elementor-1788 .elementor-element.elementor-element-21e0b64f .um-form {
    padding: 20px;
  }

  .elementor-1788 .elementor-element.elementor-element-21e0b64f .um-field-radio label.um-field-radio,
  .elementor-1788 .elementor-element.elementor-element-21e0b64f .um-field-radio label.um-field-radio.right {
    width: 100%;
    margin-left: 0;
  }

  .elementor-1788 .elementor-element.elementor-element-21e0b64f .um-col-alt {
    flex-direction: column;
  }

  .elementor-1788 .elementor-element.elementor-element-21e0b64f .um-col-alt .um-left.um-half,
  .elementor-1788 .elementor-element.elementor-element-21e0b64f .um-col-alt .um-right.um-half {
    width: 100%;
  }
}/* End custom CSS */