.elementor-17 .elementor-element.elementor-element-3bc3d53{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--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-17 .elementor-element.elementor-element-414402e{width:100%;max-width:100%;padding:0px 0px 0px 0px;}/* Start custom CSS for html, class: .elementor-element-414402e *//* ============================================================
   نحوه استفاده:
   1) ویجت Shortcode المنتور رو اضافه کنید و کد [gravityform id="1" title="false"]
      رو داخلش بذارید
   2) روی همون ویجت، تب Advanced > CSS Classes بنویسید: mahd-contact-form
   3) این CSS رو در Site Settings > Custom CSS پیست کنید
   ============================================================ */

.mahd-contact-form{
  --deep-green:#173327;
  --gold:#b8935f;
  --gold-light:#c9a876;
  --gold-bg: rgba(184,147,95,0.1);
  --gold-dim: rgba(184,147,95,0.3);
  --ink:#1c2b24;
  --muted:#5b6b62;
}

/* کارت بیرونی فرم */
.mahd-contact-form .gform_wrapper{
  background:#ffffff !important;
  border: 1px solid rgba(23,51,39,0.08) !important;
  border-radius: 18px !important;
  padding: 34px 30px !important;
  box-shadow: 0 20px 44px -22px rgba(23,51,39,0.2) !important;
}

/* برچسب هر فیلد */
.mahd-contact-form .gfield_label{
  font-family: inherit !important;
  font-size: 13.5px !important;
  font-weight: 600 !important;
  color: var(--ink) !important;
  margin-bottom: 8px !important;
}

/* اینپوت‌ها و تکست‌اریا */
.mahd-contact-form input[type="text"],
.mahd-contact-form input[type="email"],
.mahd-contact-form input[type="tel"],
.mahd-contact-form input[type="url"],
.mahd-contact-form input[type="number"],
.mahd-contact-form select,
.mahd-contact-form textarea{
  width: 100% !important;
  border: 1px solid rgba(23,51,39,0.15) !important;
  border-radius: 10px !important;
  padding: 12px 14px !important;
  font-family: inherit !important;
  font-size: 14px !important;
  color: var(--ink) !important;
  background:#fff !important;
  outline:none;
  transition: border-color .18s ease, box-shadow .18s ease;
}
.mahd-contact-form input[type="text"]:focus,
.mahd-contact-form input[type="email"]:focus,
.mahd-contact-form input[type="tel"]:focus,
.mahd-contact-form textarea:focus,
.mahd-contact-form select:focus{
  border-color: var(--gold) !important;
  box-shadow: 0 0 0 3px var(--gold-bg) !important;
}

.mahd-contact-form textarea{
  min-height: 130px !important;
  resize: vertical;
}

/* فاصله استاندارد بین فیلدها */
.mahd-contact-form .gform_fields{
  gap: 18px !important;
}
.mahd-contact-form .gfield{
  margin-bottom: 4px !important;
}

/* ستاره فیلد اجباری */
.mahd-contact-form .gfield_required{
  color: var(--gold) !important;
}

/* دکمه ارسال */
.mahd-contact-form .gform_footer input[type="submit"],
.mahd-contact-form .gform_button{
  background: linear-gradient(135deg, var(--gold-light), var(--gold)) !important;
  color: #17301f !important;
  border: none !important;
  border-radius: 10px !important;
  padding: 14px 34px !important;
  font-family: inherit !important;
  font-weight: 700 !important;
  font-size: 14.5px !important;
  cursor:pointer;
  transition: filter .18s ease, transform .18s ease;
}
.mahd-contact-form .gform_footer input[type="submit"]:hover,
.mahd-contact-form .gform_button:hover{
  filter: brightness(1.06);
  transform: translateY(-1px);
}

/* پیام موفقیت بعد از ارسال */
.mahd-contact-form .gform_confirmation_message{
  background: var(--gold-bg) !important;
  border: 1px solid var(--gold-dim) !important;
  border-radius: 12px !important;
  padding: 20px !important;
  color: var(--deep-green) !important;
  font-weight: 600 !important;
  text-align:center;
}

/* پیام خطای اعتبارسنجی */
.mahd-contact-form .gfield_validation_message,
.mahd-contact-form .validation_message{
  color: #b3413e !important;
  font-size: 12.5px !important;
  margin-top: 6px !important;
}
.mahd-contact-form .gfield_error input,
.mahd-contact-form .gfield_error textarea{
  border-color: #b3413e !important;
}

@media (max-width: 640px){
  .mahd-contact-form .gform_wrapper{
    padding: 24px 20px !important;
  }
}/* End custom CSS */