.elementor-10484 .elementor-element.elementor-element-8cfcdf1{--display:flex;--min-height:80vh;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:15px;--padding-bottom:15px;--padding-left:15px;--padding-right:15px;}.elementor-10484 .elementor-element.elementor-element-f017b8a{--display:flex;}.elementor-10484 .elementor-element.elementor-element-2051054 > .elementor-widget-container{padding:15px 15px 15px 15px;}:root{--page-title-display:none;}@media(max-width:768px){.elementor-10484 .elementor-element.elementor-element-8cfcdf1{--padding-top:5px;--padding-bottom:5px;--padding-left:5px;--padding-right:5px;}.elementor-10484 .elementor-element.elementor-element-2051054 > .elementor-widget-container{padding:15px 15px 15px 15px;}}@media(min-width:769px){.elementor-10484 .elementor-element.elementor-element-8cfcdf1{--width:100%;}.elementor-10484 .elementor-element.elementor-element-f017b8a{--width:80%;}}/* Start custom CSS for shortcode, class: .elementor-element-2051054 *//* =========================================================
   استایل اختصاصی فرم پارادایس ادز - نسخه اصلاح‌شده
   محل قرارگیری: Appearance > Customize > Additional CSS
   یا فایل style.css قالب فرزند (child theme)

   نکته مهم: این نسخه دیگه به کلاس "pd-form" روی خود فرم
   وابسته نیست (چون احتمالاً در ایمپورت جا نیفتاده بود) و
   مستقیم روی .gform_wrapper اعمال میشه. اگر چند فرم گرویتی
   روی سایتت داری و نمی‌خوای همه‌شون این استایل رو بگیرن، بگو
   تا دوباره Scope کنم.
   ========================================================= */

@font-face {
  font-family: 'YekanBakhBold';
  src: url('https://paradise-ads.ir/wp-content/uploads/2024/10/YekanBakhNoEn-Bold.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'YekanBakhRegular';
  src: url('https://paradise-ads.ir/wp-content/uploads/2024/10/YekanBakhNoEn-Regular.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

:root{
  --pd-title:#1B2F5A;
  --pd-green:#75B23C;
  --pd-gray:#D1DBE4;
  --pd-progress-bg:#E3EFF9;
  --pd-border:#D3D7DB;
  --pd-page-bg:#EAF2FC;
}

/* ---------- پوسته کلی فرم ---------- */
.gform_wrapper{
  direction: rtl !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 auto !important;
  box-sizing: border-box;
  font-family: 'YekanBakhRegular', Tahoma, Arial, sans-serif !important;
}
.gform_wrapper .gform_page,
.gform_wrapper form,
.gform_wrapper .gform_fields,
.gform_wrapper .gfield{
  width: 100% !important;
  max-width: 100% !important;
}
.gform_wrapper *{ box-sizing: border-box; }
.gform_wrapper,
.gform_wrapper input,
.gform_wrapper textarea,
.gform_wrapper select,
.gform_wrapper label,
.gform_wrapper p,
.gform_wrapper span{
  font-family: 'YekanBakhRegular', Tahoma, Arial, sans-serif !important;
}

/* لیبل/توضیح/ستاره‌ی الزامی پیش‌فرض گرویتی رو کامل مخفی می‌کنیم چون
   هدینگ سفارشی خودمون (pd-question-heading) جایگزینش هست */
.gform_wrapper .pd-hide-label > .gfield_label,
.gform_wrapper .pd-hide-label legend.gfield_label,
.gform_wrapper .pd-hide-label .gfield_required,
.gform_wrapper .pd-hide-label > .gfield_description,
.gform_wrapper .pd-hide-label .gform-field-label:not(.gform-field-label--type-inline){
  display:none !important;
}
.gform_wrapper .gform_page > h2.gform_page_name,
.gform_wrapper .gform_heading{ display:none !important; }

/* ---------- هدر (لوگو) بالای هر صفحه ---------- */
.pd-header{ text-align:center; margin-bottom: 22px; }
.pd-header .pd-logo{ max-width: 190px; width: 100%; height:auto; display:inline-block; }

/* ---------- کارت صفحه صفر (اینترو) ---------- */
.pd-intro-card{
  background:#fff !important;
  border-radius: 18px !important;
  padding: 36px 30px !important;
  text-align: center !important;
  position: relative;
  box-shadow: 0 8px 24px rgba(27,47,90,0.07);
}
.pd-intro-title{
  font-family:'YekanBakhBold', Tahoma, Arial, sans-serif !important;
  color: var(--pd-title) !important;
  font-size: 22px !important;
  font-weight: 700 !important;
  line-height:1.7 !important;
  margin: 0 0 16px !important;
}
.pd-intro-desc{
  font-family:'YekanBakhRegular', Tahoma, Arial, sans-serif !important;
  color:#5b6b7f !important;
  font-size:15px !important;
  line-height:2 !important;
  margin: 0 0 28px !important;
}
.pd-spark{ position:absolute; top:20px; color:#bcd4ef; font-size:20px; }
.pd-spark-right{ right:24px; }
.pd-spark-left{ left:24px; }

/* دکمه‌ی سبز صفحه‌ی صفر - فقط دکمه‌ی Next اولین صفحه */
.gform_wrapper .gform_page:first-of-type .gform_page_footer{
  display:flex !important;
  justify-content:center !important;
  border:none !important;
  background:none !important;
  padding: 4px 0 0 !important;
}
.gform_wrapper .gform_page:first-of-type .gform_next_button{
  background: var(--pd-green) !important;
  border: none !important;
  color:#fff !important;
  border-radius: 8px !important;
  padding: 13px 32px !important;
  font-family:'YekanBakhBold', Tahoma, Arial, sans-serif !important;
  font-size:15px !important;
  font-weight:700 !important;
  box-shadow:none !important;
}
.gform_wrapper .gform_page:first-of-type .gform_next_button::after{
  content:"←";
  margin-right:8px;
}

/* ---------- نوار مراحل سفارشی ---------- */
.pd-progress{
  background: var(--pd-progress-bg) !important;
  border-radius: 16px !important;
  padding: 18px 26px !important;
  margin-bottom: 30px !important;
  display:flex !important;
  direction: rtl !important;
  flex-direction: row !important;
  align-items:center !important;
  justify-content:space-between !important;
}
.pd-step-circle{
  width:38px; height:38px; min-width:38px;
  border-radius:50% !important;
  display:flex !important;
  align-items:center;
  justify-content:center;
  font-family:'YekanBakhBold', Tahoma, Arial, sans-serif !important;
  font-size:15px !important;
  font-weight:700 !important;
}
.pd-step-circle.upcoming{ background: var(--pd-gray) !important; color:#8493a6 !important; }
.pd-step-circle.active{ background: var(--pd-title) !important; color:#fff !important; }
.pd-step-circle.completed{ background: var(--pd-green) !important; color:#fff !important; font-size:16px !important; }
.pd-progress-line{ flex:1 1 auto; border-top:2px dotted #b7cbe3; margin:0 8px; }

/* ---------- هدینگ سوال + بج شماره ---------- */
.pd-question-heading{ display:flex !important; align-items:center !important; gap:10px !important; margin-bottom: 20px !important; }
.pd-q-badge{
  width:30px; height:30px; min-width:30px;
  border-radius:50% !important;
  background: var(--pd-green) !important;
  color:#fff !important;
  display:flex !important; align-items:center; justify-content:center;
  font-family:'YekanBakhBold', Tahoma, Arial, sans-serif !important;
  font-size:14px !important;
}
.pd-q-text{
  font-family:'YekanBakhBold', Tahoma, Arial, sans-serif !important;
  color: var(--pd-title) !important;
  font-size:19px !important;
  font-weight:700 !important;
  line-height:1.5 !important;
}

/* ---------- گزینه‌های رادیو / چک‌باکس (باکس تمام‌عرض، بدون دایره‌ی انتخاب) ----------
   تکنیک: خود input رو با opacity:0 روی تمام سطح گزینه می‌کشیم تا کلیک
   روی هر جای باکس مستقیماً به input برسه - بدون نیاز به جاوااسکریپت. */
.gform_wrapper .gfield_radio,
.gform_wrapper .gfield_checkbox{
  list-style:none !important;
  margin:0 !important;
  padding:0 !important;
}
.gform_wrapper .gfield_radio li,
.gform_wrapper .gfield_radio .gchoice,
.gform_wrapper .gfield_checkbox li,
.gform_wrapper .gfield_checkbox .gchoice{
  position: relative !important;
  display:block !important;
  min-height: 52px !important;
  margin: 0 0 10px 0 !important;
  padding: 0 !important;
  list-style:none !important;
}
.gform_wrapper .gfield_radio input[type=radio],
.gform_wrapper .gfield_checkbox input[type=checkbox]{
  position:absolute !important;
  top:0 !important;
  right:0 !important;
  bottom:0 !important;
  left:0 !important;
  width:100% !important;
  height:100% !important;
  margin:0 !important;
  opacity:0 !important;
  cursor:pointer !important;
  z-index:2 !important;
}
.gform_wrapper .gfield_radio label,
.gform_wrapper .gfield_radio .gchoice_label,
.gform_wrapper .gfield_radio .gform-field-label--type-inline,
.gform_wrapper .gfield_checkbox label,
.gform_wrapper .gfield_checkbox .gchoice_label,
.gform_wrapper .gfield_checkbox .gform-field-label--type-inline{
  position: relative !important;
  z-index:1 !important;
  display:block !important;
  width:100% !important;
  border: 1px solid var(--pd-border) !important;
  border-radius: 8px !important;
  background:#fff !important;
  padding: 15px 18px !important;
  margin: 0 !important;
  font-family:'YekanBakhRegular', Tahoma, Arial, sans-serif !important;
  color: var(--pd-title) !important;
  font-size:15px !important;
  cursor:pointer !important;
  text-align:right !important;
  float:none !important;
  pointer-events:none !important; /* کلیک از روی input عبور می‌کنه، خود label فقط نمایشیه */
  transition: border-color .15s ease, background .15s ease;
}
.gform_wrapper .gfield_radio input:checked + label,
.gform_wrapper .gfield_radio input:checked ~ label,
.gform_wrapper .gfield_checkbox input:checked + label,
.gform_wrapper .gfield_checkbox input:checked ~ label,
.gform_wrapper .gfield_radio li:has(input:checked) label,
.gform_wrapper .gfield_radio .gchoice:has(input:checked) label{
  border-color: var(--pd-title) !important;
  background:#f4f8fc !important;
  color: var(--pd-title) !important;
  font-family:'YekanBakhBold', Tahoma, Arial, sans-serif !important;
  font-weight:700 !important;
}

/* ---------- فیلدهای متنی صفحه آخر ---------- */
.gform_wrapper .pd-step.gfield{ margin-bottom: 14px !important; }
.gform_wrapper input[type=text],
.gform_wrapper input[type=tel],
.gform_wrapper input[type=email],
.gform_wrapper textarea{
  border: 1px solid var(--pd-border) !important;
  border-radius: 8px !important;
  font-family:'YekanBakhRegular', Tahoma, Arial, sans-serif !important;
  font-size:14px !important;
  padding: 14px 16px !important;
  width:100% !important;
}
.gform_wrapper textarea{ min-height:90px !important; resize:vertical !important; }

/* ---------- دکمه‌های مرحله قبل/بعد (راست=قبل، چپ=بعد) ---------- */
.gform_wrapper .gform_page_footer{
  display:flex !important;
  direction: rtl !important;
  flex-direction: row !important;
  justify-content:space-between !important;
  align-items:center !important;
  gap: 10px !important;
  border:none !important;
  background:none !important;
  padding-top: 6px !important;
  margin-top: 8px !important;
}
.gform_wrapper .gform_next_button,
.gform_wrapper .gform_previous_button,
.gform_wrapper input[type=submit].gform_button{
  border-radius: 8px !important;
  padding: 12px 28px !important;
  font-family:'YekanBakhBold', Tahoma, Arial, sans-serif !important;
  font-size:14px !important;
  font-weight:700 !important;
  flex: 0 0 auto !important;
  width: auto !important;
  cursor:pointer !important;
  box-shadow:none !important;
}
.gform_wrapper .gform_previous_button{
  order: 1 !important; /* سمت راست */
  background:#fff !important;
  color: var(--pd-title) !important;
  border:1.5px solid var(--pd-title) !important;
}
.gform_wrapper .gform_previous_button::before{ content:"→"; margin-left:8px; }

.gform_wrapper .gform_next_button{
  order: 2 !important; /* سمت چپ */
  background:#fff !important;
  color: var(--pd-title) !important;
  border:1.5px solid var(--pd-title) !important;
}
.gform_wrapper .gform_next_button::after{ content:"←"; margin-right:8px; }

.gform_wrapper input[type=submit].gform_button{
  order: 2 !important; /* سمت چپ، مثل دکمه بعد */
}

/* جلوگیری از جابه‌جایی دکمه‌ها موقع لودینگ بین مراحل */
.gform_wrapper .gform_ajax_spinner,
.gform_wrapper .gform-loader,
.gform_wrapper .gform_image_spinner,
.gform_wrapper .gform_page_footer img{
  display:none !important;
}
.gform_wrapper .gform_page_footer{
  min-height: 50px !important;
}
.gform_wrapper .gform_next_button,
.gform_wrapper .gform_previous_button,
.gform_wrapper input[type=submit].gform_button{
  position: relative !important;
  opacity: 1 !important;
  visibility: visible !important;
}


/* دکمه‌ی ثبت نهایی (صفحه‌ی آخر) - توپر سرمه‌ای */
.gform_wrapper .gform_page:last-of-type .gform_button,
.gform_wrapper input[type=submit].gform_button{
  background: var(--pd-title) !important;
  color:#fff !important;
  border:none !important;
}

/* مخفی کردن نوار پیشرفت پیش‌فرض گرویتی فرم (اگر در تنظیمات فرم فعال بود) */
.gform_wrapper .gf_progressbar_wrapper,
.gform_wrapper .gf_page_steps,
.gform_wrapper .gfield_page_progressbar{ display:none !important; }

/* =========================================================
   ریسپانسیو - موبایل
   ========================================================= */
@media (max-width: 600px){
  .gform_wrapper{ padding: 0 12px; }
  .pd-header .pd-logo{ max-width: 150px; }
  .pd-intro-card{ padding: 26px 18px !important; }
  .pd-intro-title{ font-size: 19px !important; }
  .pd-intro-desc{ font-size: 14px !important; }
  .pd-progress{ padding: 14px 12px !important; margin-bottom: 22px !important; }
  .pd-step-circle{ width:30px !important; height:30px !important; min-width:30px !important; font-size:13px !important; }
  .pd-progress-line{ margin:0 4px !important; }
  .pd-q-text{ font-size:16px !important; }
  .pd-q-badge{ width:26px !important; height:26px !important; min-width:26px !important; font-size:12px !important; }
  .gform_wrapper .gfield_radio label{ padding:13px 14px !important; font-size:14px !important; }
  .gform_wrapper .gform_next_button,
  .gform_wrapper .gform_previous_button,
  .gform_wrapper input[type=submit].gform_button{
    padding: 10px 12px !important;
    font-size:13px !important;
  }
}/* End custom CSS */