.elementor-461 .elementor-element.elementor-element-63e34e3{--display:flex;--padding-top:24px;--padding-bottom:24px;--padding-left:20px;--padding-right:20px;}.elementor-461 .elementor-element.elementor-element-63e34e3:not(.elementor-motion-effects-element-type-background), .elementor-461 .elementor-element.elementor-element-63e34e3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-461 .elementor-element.elementor-element-3d49973 .elementor-icon-wrapper{text-align:center;}.elementor-461 .elementor-element.elementor-element-3d49973.elementor-view-stacked .elementor-icon{background-color:#292C65;}.elementor-461 .elementor-element.elementor-element-3d49973.elementor-view-framed .elementor-icon, .elementor-461 .elementor-element.elementor-element-3d49973.elementor-view-default .elementor-icon{color:#292C65;border-color:#292C65;}.elementor-461 .elementor-element.elementor-element-3d49973.elementor-view-framed .elementor-icon, .elementor-461 .elementor-element.elementor-element-3d49973.elementor-view-default .elementor-icon svg{fill:#292C65;}.elementor-461 .elementor-element.elementor-element-3d49973 .elementor-icon{font-size:31px;}.elementor-461 .elementor-element.elementor-element-3d49973 .elementor-icon svg{height:31px;}body:not(.rtl) .elementor-461 .elementor-element.elementor-element-3d49973{left:375px;}body.rtl .elementor-461 .elementor-element.elementor-element-3d49973{right:375px;}.elementor-461 .elementor-element.elementor-element-3d49973{top:0px;}.elementor-461 .elementor-element.elementor-element-6728ff3{text-align:center;color:#7A7C9B;}:root{--page-title-display:none;}@media(max-width:767px){.elementor-461 .elementor-element.elementor-element-63e34e3{--justify-content:space-between;--gap:2px 2px;--row-gap:2px;--column-gap:2px;}.elementor-461 .elementor-element.elementor-element-3d49973 .elementor-icon{font-size:29px;}.elementor-461 .elementor-element.elementor-element-3d49973 .elementor-icon svg{height:29px;}body:not(.rtl) .elementor-461 .elementor-element.elementor-element-3d49973{left:327px;}body.rtl .elementor-461 .elementor-element.elementor-element-3d49973{right:327px;}.elementor-461 .elementor-element.elementor-element-3d49973{top:12px;}.elementor-461 .elementor-element.elementor-element-6728ff3{text-align:center;font-size:13px;}.elementor-461 .elementor-element.elementor-element-6728ff3 p{margin-block-end:0px;}}/* Start custom CSS *//* ==========================================
   Best Vibe - Profile Form Modern App UI (Optimized)
   ========================================== */

/* ۱. کاهش فواصل بین فیلدها */
.gform_wrapper .gform_fields {
    gap: 10px !important;
    grid-row-gap: 10px !important;
}

.gform_wrapper .gfield,
.gform_wrapper .gform-theme-field {
    margin-bottom: 8px !important;
    margin-top: 0 !important;
    padding: 0 !important;
}

.gfield_label {
    font-size: 13px !important;
    font-weight: 600 !important;
    color: #232359 !important;
    margin-bottom: 4px !important;
    display: block !important;
}

/* ۲. استایل اینپوت‌های متنی، تاریخ و دراپ‌داون */
.gform_wrapper input[type="text"],
.gform_wrapper input[type="date"],
.gform_wrapper input[type="tel"],
.gform_wrapper select {
    width: 100% !important;
    height: 44px !important;
    background-color: #f8fafc !important;
    border: 1.5px solid #e2e8f0 !important;
    border-radius: 12px !important;
    padding: 0 14px !important;
    font-size: 14px !important;
    color: #232359 !important;
    outline: none !important;
    transition: all 0.2s ease-in-out !important;
    box-sizing: border-box !important;
}

/* ۳. اصلاح بخش جنسیت (فقط عریض‌تر شدن و حذف دایره‌ها) */
.gfield_radio,
.ginputs_container_radio,
.gform-control-container {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    gap: 8px !important;
    width: 100% !important;
    margin-top: 2px !important;
}

.gfield_radio .gchoice,
.ginputs_container_radio .gchoice {
    flex: 1 1 0% !important;
    width: 100% !important; /* اجبار به پر کردن عرض */
    margin: 0 !important;
    padding: 0 !important;
    position: relative !important;
}

/* مخفی سازی دایره رادیو با اولویت بالا */
.gfield_radio input[type="radio"],
.ginputs_container_radio input[type="radio"] {
    position: absolute !important;
    opacity: 0 !important;
    appearance: none !important; /* حذف ظاهر نیتیو */
    -webkit-appearance: none !important;
    width: 100% !important;
    height: 100% !important;
    top: 0 !important;
    left: 0 !important;
    cursor: pointer !important;
    z-index: 5 !important;
    margin: 0 !important;
}

.gfield_radio label,
.ginputs_container_radio label {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: 44px !important; /* کمی بلندتر برای جایگیری بهتر متن */
    background-color: #f8fafc !important;
    border: 1.5px solid #e2e8f0 !important;
    border-radius: 12px !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    color: #64748b !important;
    cursor: pointer !important;
    transition: all 0.2s ease !important;
    margin: 0 !important;
    width: 100% !important;
    box-sizing: border-box !important;
    text-align: center !important;
}

/* حالت انتخاب‌شده جنسیت */
.gfield_radio input[type="radio"]:checked + label,
.ginputs_container_radio input[type="radio"]:checked + label {
    background-color: #232359 !important;
    color: #ffffff !important;
    border-color: #232359 !important;
}

/* ۴. دکمه ثبت / ادامه */
.gform_footer {
    padding: 8px 0 0 0 !important;
    margin-top: 8px !important;
}

.gform_button {
    width: 100% !important;
    height: 48px !important;
    background-color: #232359 !important;
    color: #ffffff !important;
    border: none !important;
    border-radius: 12px !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    cursor: pointer !important;
    box-shadow: 0 4px 12px rgba(35, 35, 89, 0.2) !important;
}
/* تیر خلاص برای حذف دایره‌ها و عریض کردن دکمه‌ها */
body .gform_wrapper .gfield_radio .gchoice input[type="radio"] {
    display: none !important; /* کلاً حذف فیزیکی دایره */
}

body .gform_wrapper .gfield_radio .gchoice label {
    margin: 0 !important;
    padding: 10px !important;
    display: block !important;
    width: 100% !important;
    text-align: center !important;
    background-color: #f8fafc !important;
    border: 1.5px solid #e2e8f0 !important;
    border-radius: 12px !important;
}

/* برای اینکه وقتی دایره نیست، باز هم انتخاب کار کند */
body .gform_wrapper .gfield_radio .gchoice {
    display: block !important;
    width: 31% !important; /* هر دکمه حدود یک سوم عرض */
    float: right !important;
    margin-left: 2% !important;
}
/* ==========================================
   Best Vibe - Triple Date Picker Styling
   ========================================== */

/* ۱. کنار هم قرار دادن سه فیلد تاریخ */
/* فرض بر این است که این ۳ فیلد پشت سر هم هستند */

/* ایجاد یک کانتینر ردیفی برای فیلدهایی که کلاس خاص دارند */
/* نکته: در تنظیمات هر ۳ فیلد در گرویتی فرم، در تب 'ظاهر'، 
   در بخش 'کلاس CSS سفارشی' بنویس: inline-date */

/* ۲. خوشگل‌سازی دراپ‌داون‌ها برای موبایل */
.gform_wrapper select {
    appearance: none !important;
    -webkit-appearance: none !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%23232359' viewBox='0 0 16 16'%3E%3Cpath d='M7.247 11.14 2.451 5.658C2.185 5.355 2.408 5 2.811 5h9.447c.403 0 .626.355.36.658l-4.796 5.482a.5.5 0 0 1-.727 0z'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: left 12px center !important; /* آیکون فلش سمت چپ چون فارسی هستیم */
    padding-left: 30px !important;
}
/* سفید کردن عنوان فیلد ماه و سال */
body .gform_wrapper .gfield.birth-month .gfield_label,
body .gform_wrapper .gfield.birth-year .gfield_label {
    color: #ffffff !important;
}
/* =========================
   Gravity Form 6 - Birth Date Grid Fix
========================= */

/* فقط برای موبایل */
@media (max-width: 767px) {

  /* خود گرید فرم */
  #gform_wrapper_6 .gform_fields {
    display: grid !important;
    grid-template-columns: repeat(12, minmax(0, 1fr)) !important;
    gap: 10px !important;
  }

  /* پیش‌فرض: همه فیلدها کل عرض را بگیرند */
  #gform_wrapper_6 .gfield {
    grid-column: span 12 !important;
    min-width: 0 !important;
    width: auto !important;
    max-width: 100% !important;
    float: none !important;
    margin: 0 !important;
  }

  /* سه فیلد تاریخ تولد کنار هم */
  #gform_wrapper_6 .gfield.birth-day,
  #gform_wrapper_6 .gfield.birth-month,
  #gform_wrapper_6 .gfield.birth-year {
    grid-column: span 4 !important;
  }

  /* ظرف داخلی هر فیلد */
  #gform_wrapper_6 .gfield .ginput_container {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }

  /* خود select های تاریخ */
  #gform_wrapper_6 .gfield.birth-day select,
  #gform_wrapper_6 .gfield.birth-month select,
  #gform_wrapper_6 .gfield.birth-year select {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    height: 44px !important;
    padding: 0 14px !important;
    font-size: 14px !important;
    line-height: 44px !important;
    box-sizing: border-box !important;
    border-radius: 12px !important;
    display: block !important;
  }
}
/* حالت انتخاب‌شده برای فیلد جنسیت */
body .gform_wrapper .gfield_radio input[type="radio"]:checked + label,
body .gform_wrapper .ginputs_container_radio input[type="radio"]:checked + label {
    background-color: #232359 !important;
    border-color: #232359 !important;
    color: #ffffff !important;
}
/* مخفی کردن ستاره قرمز و متن ضروری در گرویتی فرم */
.gform_wrapper .gfield_required {
    display: none !important;
}

/* اگر گرویتی فرم پیام خطا را بالای فرم نشان می‌دهد و می‌خواهی آن را هم تمیز کنی */
.gform_wrapper .gform_submission_error {
    display: none !important;
}
/* حذف کادر خطای کلی بالای فرم */
.gform_wrapper .gform_validation_errors {
    display: none !important;
}

/* اگر کادر خالی (مثل تصویر تو) باز هم دیده شد، این کد آن را کاملاً حذف می‌کند */
.gform_wrapper .gfield_validation_message, 
.gform_validation_container,
.validation_error {
    display: none !important;
}

/* نمایش مجدد پیام‌های خطای اختصاصی زیر هر فیلد (چون کد بالا ممکن است آن‌ها را هم ببندد) */
.gform_wrapper .gfield_description.validation_message {
    display: block !important;
    color: #fd7c5f !important; /* رنگ نارنجی برندت */
    font-size: 12px !important;
    margin-top: 5px !important;
}/* End custom CSS */