.elementor-1217 .elementor-element.elementor-element-ad78c01{--display:flex;}.elementor-1217 .elementor-element.elementor-element-e0ad4f3{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-1217 .elementor-element.elementor-element-e0ad4f3.elementor-element{--align-self:center;}@media(min-width:768px){.elementor-1217 .elementor-element.elementor-element-ad78c01{--content-width:51%;}}@media(max-width:880px){.elementor-1217 .elementor-element.elementor-element-e0ad4f3{width:var( --container-widget-width, 453.297px );max-width:453.297px;--container-widget-width:453.297px;--container-widget-flex-grow:0;}}@media(max-width:767px){.elementor-1217 .elementor-element.elementor-element-e0ad4f3{width:var( --container-widget-width, 321.688px );max-width:321.688px;--container-widget-width:321.688px;--container-widget-flex-grow:0;}}/* Start custom CSS for html, class: .elementor-element-e0ad4f3 *//* ---------- استایل برای custom-login-form (همان HTML شما) ---------- */
.custom-login-form,
.custom-login-form * {
  box-sizing: border-box;
  font-family: "Doran", sans-serif;
  direction: rtl;
}

/* عنوان فرم */
.custom-login-form h3 {
  display: none;
  margin-bottom: 12px;
  font-size: 18px;
  color: #222;
  text-align: center;
}

/* استایل پایه فیلدها: فقط خط زیر */
.custom-login-form input[type="text"],
.custom-login-form input[type="password"],
.custom-login-form textarea,
.custom-login-form select {
  width: 60%;
  background: transparent;
  border: none;
  border-bottom: 1px solid ;
  padding: 15px 4px;
  margin-bottom: 8px;
  text-align: center;
  font-size: 14px;
  color: #111;
  outline: none;
  transition: border-color 0.18s ease, background-color 0.18s ease;
}

/* هاور: خط زیر کمی روشن‌تر */
.custom-login-form input[type="text"]:hover,
.custom-login-form input[type="password"]:hover,
.custom-login-form textarea:hover,
.custom-login-form select:hover {
  border-bottom-color: #FFFFFF; /* رنگ روشن‌تر */
}

/* فوکوس: خط ضخیم‌تر و رنگ اصلی */
.custom-login-form input:focus,
.custom-login-form textarea:focus,
.custom-login-form select:focus {
  border-bottom: 1px solid #3F4463;
  background: transparent;
  box-shadow: none;
}

/* وقتی فیلد مقدار داره (پر شده) */
.custom-login-form input:not(:placeholder-shown),
.custom-login-form textarea:not(:placeholder-shown) {
  border-bottom-color: #3F4463;
  background: transparent;
}

/* placeholder رنگ */
.custom-login-form input::placeholder,
.custom-login-form textarea::placeholder {
  color: #3F4463;
  text-align: center;
  opacity: 1;
}

/* حذف پس‌زمینه‌ای که مرورگر در autofill می‌گذاره (Chrome / Safari) */
.custom-login-form input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 1000px transparent inset !important;
  box-shadow: 0 0 0 1000px transparent inset !important;
  -webkit-text-fill-color: #111 !important;
  background: transparent !important;
}

/* firefox autofill */
.custom-login-form input:-moz-autofill {
  box-shadow: 0 0 0 1000px transparent inset !important;
  -moz-text-fill-color: #111 !important;
  background: transparent !important;
}

/* حذف هر background یا box-shadow اضافی از container ها */
.custom-login-form input,
.custom-login-form textarea,
.custom-login-form select {
  background: transparent !important;
  box-shadow: none !important;
}

/* استایل دکمه‌ها: وسط‌چین، اندازه مناسب */
.custom-login-form form {
  position: relative;
  padding-top: 6px;
  padding-bottom: 6px;
}

.custom-login-form button[type="submit"],
.custom-login-form input[type="submit"] {
  display: inline-block;
  margin: 10px auto 0 auto;
  padding: 8px 22px;
  background-color: #3F446300;
  color: #3F4463;
  border: none;
  border-radius: 6px;
  cursor: pointer;
  font-size: 16px;
  text-align: center;
}

/* وسط‌چینی: هر فرم را به صورت فلکس ست می‌کنیم تا دکمه وسط قرار بگیرد */
.custom-login-form form {
  display: flex;
  flex-direction: column;
  align-items: center; /* این باعث وسط‌چین شدن دکمه می‌شود */
}


.custom-login-form input[type="submit"]:hover,
.custom-login-form button[type="submit"]:hover {
  background-color: #3F446300 !important;
  color:#FFFFFF !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ad78c01 */.custom-login-form {
  font-family: 'دوران', sans-serif !important;
}/* End custom CSS */