.elementor-16222 .elementor-element.elementor-element-e1c2a3d{--display:flex;}/* Start custom CSS for shortcode, class: .elementor-element-d0def10 *//* =====================================================
   CLEAN 2026 UI – Gravity Form #47 ONLY
   Scoped, Safe, Professional
   ===================================================== */


/* ===============================
   BASE FORM
   =============================== */

#gform_wrapper_47{
  direction: rtl;
  font-family: "IRANSans","IRANSansWeb",Tahoma,Arial,sans-serif;
  color: #0f172a;
  font-size: 14px;
  line-height: 1.85;
}

/* Card */
#gform_wrapper_47 form{
  background: #ffffff;
  border: 1px solid #e5e7eb;
  border-radius: 22px;
  padding: 22px;
  box-shadow: 0 10px 26px rgba(15,23,42,.08);
}

/* Title */
#gform_wrapper_47 .gform_title{
  margin: 0 0 14px 0;
  font-size: 18px;
  font-weight: 800;
  color: #0f172a;
}


/* ===============================
   FIELD SPACING (NO row-gap)
   =============================== */

#gform_wrapper_47 .gfield{
  margin: 0 0 16px 0;
}
#gform_wrapper_47 .gfield:last-child{
  margin-bottom: 0;
}


/* ===============================
   LABELS & DESCRIPTIONS
   =============================== */

#gform_wrapper_47 .gfield_label{
  font-size: 14px;
  font-weight: 700;
  margin: 0 0 6px 0;
  color: #111827;
}

#gform_wrapper_47 .gfield_required{
  color: #dc2626;
  font-weight: 800;
}

#gform_wrapper_47 .gfield_description,
#gform_wrapper_47 .ginput_complex label{
  color: #64748b;
  font-size: 13px;
  line-height: 1.7;
}


/* ===============================
   INPUTS / SELECT / TEXTAREA
   =============================== */

#gform_wrapper_47 input[type="text"],
#gform_wrapper_47 input[type="email"],
#gform_wrapper_47 input[type="tel"],
#gform_wrapper_47 input[type="number"],
#gform_wrapper_47 input[type="url"],
#gform_wrapper_47 select,
#gform_wrapper_47 textarea{
  width: 100%;
  padding: 12px 14px;

  font-size: 14px;
  font-weight: 500;
  line-height: 1.8;

  border-radius: 14px;
  border: 1px solid #d1d5db;
  background: #ffffff;
  color: #0f172a;

  transition: border-color .14s ease, box-shadow .14s ease;
}

#gform_wrapper_47 input:hover,
#gform_wrapper_47 select:hover,
#gform_wrapper_47 textarea:hover{
  border-color: #2563eb;
}

#gform_wrapper_47 input:focus,
#gform_wrapper_47 select:focus,
#gform_wrapper_47 textarea:focus{
  border-color: #2563eb;
  box-shadow: 0 0 0 4px rgba(37,99,235,.14);
  outline: none;
}

#gform_wrapper_47 textarea{
  min-height: 120px;
  resize: vertical;
}


/* ===============================
   RADIO / CHECKBOX (PERFECT ALIGN)
   =============================== */

#gform_wrapper_47 .gfield_radio li,
#gform_wrapper_47 .gfield_checkbox li{
  margin: 10px 0;
}

#gform_wrapper_47 .gfield_radio label,
#gform_wrapper_47 .gfield_checkbox label{
  display: flex;
  align-items: center;          /* ← هم‌راستایی دقیق */
  gap: 10px;

  padding: 14px 18px;
  border: 1px solid #e5e7eb;
  border-radius: 16px;
  background: #ffffff;

  cursor: pointer;

  box-shadow: 0 8px 16px rgba(15,23,42,.06);
  transition: transform .12s ease, border-color .12s ease;
}

#gform_wrapper_47 .gfield_radio label:hover,
#gform_wrapper_47 .gfield_checkbox label:hover{
  border-color: #2563eb;
  transform: translateY(-1px);
}

/* Radio / Checkbox circle positioning */
#gform_wrapper_47 input[type="radio"],
#gform_wrapper_47 input[type="checkbox"]{
  margin: 0;
  margin-left: 14px;   /* فاصله از متن در RTL */
  margin-right: 2px;   /* فاصله از لبه کارت */
  flex-shrink: 0;

  width: 18px;
  height: 18px;
}


/* ===============================
   VALIDATION
   =============================== */

#gform_wrapper_47 .validation_message,
#gform_wrapper_47 .gfield_validation_message{
  color: #b91c1c;
  font-size: 13px;
  margin-top: 6px;
}


/* ===============================
   SUBMIT BUTTON (RED + FULL WIDTH)
   =============================== */

#gform_wrapper_47 .gform_footer{
  margin-top: 10px;
}

#gform_wrapper_47 .gform_button,
#gform_wrapper_47 input[type="submit"]{
  width: 100%;

  background: linear-gradient(135deg,#ef4444,#b91c1c);
  color: #ffffff;

  font-size: 16px;
  font-weight: 900;

  padding: 16px 32px;
  min-height: 58px;

  border: none;
  border-radius: 22px;

  cursor: pointer;

  box-shadow:
    0 20px 40px rgba(239,68,68,.35),
    inset 0 1px 0 rgba(255,255,255,.18);

  transition: transform .14s ease, filter .14s ease;
}

#gform_wrapper_47 .gform_button:hover,
#gform_wrapper_47 input[type="submit"]:hover{
  color: #ffffff;
  transform: translateY(-3px);
  filter: brightness(1.06);
}


/* ===============================
   SUBMIT POP (ATTENTION)
   =============================== */

@keyframes g47-submit-pop{
  0%   { transform: translateY(0); }
  35%  { transform: translateY(-8px); }
  70%  { transform: translateY(0); }
  100% { transform: translateY(0); }
}

#gform_wrapper_47 .gform_button,
#gform_wrapper_47 input[type="submit"]{
  animation: g47-submit-pop 1.7s ease-in-out infinite;
}

/* Stop animation on interaction */
#gform_wrapper_47 .gform_button:hover,
#gform_wrapper_47 input[type="submit"]:hover,
#gform_wrapper_47 .gform_button:focus,
#gform_wrapper_47 input[type="submit"]:focus{
  animation: none;
}

/* Focus accessibility */
#gform_wrapper_47 .gform_button:focus,
#gform_wrapper_47 input[type="submit"]:focus{
  outline: none;
}

#gform_wrapper_47 .gform_button:focus-visible,
#gform_wrapper_47 input[type="submit"]:focus-visible{
  outline: 3px solid rgba(239,68,68,.45);
  outline-offset: 4px;
}


/* ===============================
   RESPONSIVE
   =============================== */

@media (max-width: 768px){
  #gform_wrapper_47 form{
    padding: 16px;
  }
}

/* Reduced motion */
@media (prefers-reduced-motion: reduce){
  #gform_wrapper_47 .gform_button,
  #gform_wrapper_47 input[type="submit"]{
    animation: none;
    transition: none;
  }
}/* End custom CSS */