.elementor-1227 .elementor-element.elementor-element-0512c7d{--display:flex;}/* Start custom CSS *//* ===================================================
   School 3D Theme — Homework Form #22
   فرم ثبت تکلیف
   =================================================== */

#gform_wrapper_22{
  --sc-primary:#6d5efc;
  --sc-primary-dark:#3f2fd0;
  --sc-accent:#ff8f3c;
  --sc-accent-dark:#d96a14;
  --sc-ink:#141b34;
  --sc-paper:#ffffff;

  direction:rtl;
  position:relative;
  width:calc(100% - 32px);
  max-width:620px;
  margin:32px auto;
  padding:34px 28px 28px;
  overflow:hidden;

  font-family:'استعداد', Vazirmatn, Tahoma, sans-serif;
  color:var(--sc-ink);

  background:linear-gradient(180deg,#ffffff 0%,#f7f6ff 100%);
  border:2px solid rgba(109,94,252,.16);
  border-radius:24px;

  box-shadow:
    0 2px 0 #ece9ff,
    0 10px 0 #e2ddff,
    0 18px 30px rgba(20,27,52,.18),
    inset 0 1px 0 #fff;

  transform:perspective(1200px) rotateX(.6deg);
  transition:transform .35s ease, box-shadow .35s ease;
}

#gform_wrapper_22:hover{
  transform:perspective(1200px) rotateX(0deg) translateY(-4px);
  box-shadow:
    0 2px 0 #ece9ff,
    0 12px 0 #ded8ff,
    0 26px 44px rgba(20,27,52,.22),
    inset 0 1px 0 #fff;
}

/* نوار رنگی بالای فرم */
#gform_wrapper_22::before{
  content:"";
  position:absolute;
  inset:0 0 auto 0;
  height:10px;
  background:linear-gradient(
    90deg,
    var(--sc-primary),
    #9a8dff,
    var(--sc-accent),
    #ffc93c
  );
}

/* پس‌زمینه کاغذ دفتر خط‌دار */
#gform_wrapper_22::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;
  opacity:.32;
  background-image:repeating-linear-gradient(
    to bottom,
    transparent 0 33px,
    rgba(109,94,252,.10) 33px 34px
  );
  mask-image:linear-gradient(
    180deg,
    transparent 0,
    #000 12%,
    #000 88%,
    transparent 100%
  );
}

/* تمام اجزای فرم روی پس‌زمینه باشند */
#gform_wrapper_22 > *{
  position:relative;
  z-index:2;
}

/* ===================================================
   تیتر فرم
   اگر عنوان را در Gravity Forms فعال کنی، این بخش استایل می‌گیرد
   =================================================== */

#gform_wrapper_22 .gform_heading{
  text-align:center;
  margin-bottom:26px;
}

#gform_wrapper_22 .gform_title{
  display:inline-block;
  margin:0;
  padding:14px 32px;

  color:#fff;
  font-family:inherit;
  font-size:clamp(22px,3vw,32px);
  font-weight:800;
  line-height:1.5;
  text-shadow:0 2px 0 rgba(0,0,0,.25);

  background:linear-gradient(180deg,#8a7dff,var(--sc-primary));
  border-radius:18px;

  box-shadow:
    0 6px 0 var(--sc-primary-dark),
    0 14px 22px rgba(109,94,252,.35),
    inset 0 1px 0 rgba(255,255,255,.5);
}

#gform_wrapper_22 .gform_title::before{
  content:"📚 ";
}

#gform_wrapper_22 .gform_description{
  margin-top:12px;
  color:#5d6480;
  font-size:15px;
}

/* ===================================================
   کارت فیلدها
   =================================================== */

#gform_wrapper_22 .gform_fields{
  gap:22px !important;
}

#gform_wrapper_22 .gfield:not(.gform_hidden){
  padding:20px;
  background:var(--sc-paper);
  border:1.5px solid #eae7fb;
  border-radius:18px;

  box-shadow:
    0 4px 0 #f1eefd,
    0 10px 18px rgba(20,27,52,.08);

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

#gform_wrapper_22 .gfield:not(.gform_hidden):hover{
  transform:translateY(-3px);
  border-color:#d8d1fb;
  box-shadow:
    0 6px 0 #ece7fd,
    0 16px 26px rgba(20,27,52,.12);
}

/* ===================================================
   برچسب‌ها و آیکن اختصاصی هر فیلد
   =================================================== */

#gform_wrapper_22 .gfield_label{
  display:inline-flex;
  align-items:center;
  gap:8px;
  margin-bottom:10px;

  color:var(--sc-ink);
  font-family:inherit;
  font-size:16px;
  font-weight:700;
}

/* عنوان تکلیف */
#gform_wrapper_22 #field_22_1 .gfield_label::before{
  content:"🏷️";
}

/* انتخاب کلاس */
#gform_wrapper_22 #field_22_3 .gfield_label::before{
  content:"🏫";
}

/* نوع محتوا */
#gform_wrapper_22 #field_22_4 .gfield_label::before{
  content:"📌";
}

/* مهلت تحویل */
#gform_wrapper_22 #field_22_5 .gfield_label::before{
  content:"📅";
}

/* توضیحات تکلیف */
#gform_wrapper_22 #field_22_6 .gfield_label::before{
  content:"📝";
}

/* برچسب ضروری */
#gform_wrapper_22 .gfield_required_text{
  display:inline-block;
  margin-inline-start:4px;
  padding:2px 8px;

  color:#e5484d;
  font-size:12px;
  font-weight:700;
  line-height:1.4;

  background:#fff1f1;
  border:1px solid #ffd5d6;
  border-radius:999px;
}

/* اگر برچسب ضروری تو در برخی مرورگرها با کلاس والد نمایش داده شد */
#gform_wrapper_22 .gfield_required:not(.gfield_required_text){
  color:inherit;
}

/* توضیح زیر مهلت تحویل */
#gform_wrapper_22 .gfield_description{
  margin-top:10px;
  color:#767e9b;
  font-family:inherit;
  font-size:12.5px;
}

/* ===================================================
   ورودی‌ها، انتخاب‌ها و متن توضیحات
   =================================================== */

#gform_wrapper_22 input[type="text"],
#gform_wrapper_22 input[type="email"],
#gform_wrapper_22 input[type="tel"],
#gform_wrapper_22 input[type="number"],
#gform_wrapper_22 select,
#gform_wrapper_22 textarea{
  width:100%;
  box-sizing:border-box;
  padding:14px 16px;

  color:var(--sc-ink);
  font-family:inherit !important;
  font-size:15px;
  line-height:1.8;

  background:#fcfbff;
  border:2px solid #e2ddf9;
  border-radius:14px;

  box-shadow:inset 0 3px 6px rgba(20,27,52,.07);

  transition:
    border-color .2s ease,
    box-shadow .2s ease,
    background .2s ease,
    transform .2s ease;
}

/* فیلدهای تک‌خطی */
#gform_wrapper_22 input[type="text"]{
  min-height:54px;
}

/* انتخاب چندتایی کلاس و نوع محتوا */
#gform_wrapper_22 select[multiple]{
  min-height:155px;
  padding:8px;
  line-height:1.8;
  cursor:pointer;
}

/* هر گزینه در لیست چندانتخابی */
#gform_wrapper_22 select[multiple] option{
  margin:3px 0;
  padding:8px 12px;
  color:var(--sc-ink);
  background:#fff;
  border-radius:8px;
}

/* گزینه‌های انتخاب‌شده */
#gform_wrapper_22 select[multiple] option:checked{
  color:#fff;
  background:var(--sc-primary);
}

/* اسکرول‌بار لیست انتخاب کلاس */
#gform_wrapper_22 select[multiple]::-webkit-scrollbar{
  width:9px;
}

#gform_wrapper_22 select[multiple]::-webkit-scrollbar-track{
  background:#f0edff;
  border-radius:20px;
}

#gform_wrapper_22 select[multiple]::-webkit-scrollbar-thumb{
  background:#b9b0f7;
  border:2px solid #f0edff;
  border-radius:20px;
}

/* کادر توضیحات */
#gform_wrapper_22 textarea{
  min-height:190px;
  resize:vertical;
  line-height:2.1;

  /* ظاهر دفتر خط‌دار داخل متن */
  background-color:#fcfbff;
  background-image:repeating-linear-gradient(
    to bottom,
    transparent 0 31px,
    rgba(109,94,252,.12) 31px 32px
  );
  background-attachment:local;
}

/* فوکوس */
#gform_wrapper_22 input:focus,
#gform_wrapper_22 select:focus,
#gform_wrapper_22 textarea:focus{
  outline:none;
  background-color:#fff;
  border-color:var(--sc-primary);

  box-shadow:
    0 0 0 4px rgba(109,94,252,.16),
    inset 0 2px 4px rgba(20,27,52,.06);
}

#gform_wrapper_22 ::placeholder{
  color:#a6adc4;
  opacity:1;
}

/* ===================================================
   دکمه ارسال سه‌بعدی
   =================================================== */

#gform_wrapper_22 .gform_footer{
  display:flex;
  justify-content:center !important;
  margin-top:30px !important;
  padding:0 !important;
}

#gform_wrapper_22 .gform_button,
#gform_wrapper_22 input[type="submit"]{
  padding:16px 56px !important;

  color:#fff !important;
  font-family:inherit !important;
  font-size:18px !important;
  font-weight:800 !important;
  line-heighimportant;
  text-shadow:0 2px 0 rgba(0,0,0,.2);

  cursor:pointer;
  background:linear-gradient(180deg,#ffa85c,var(--sc-accent)) !important;
  border:0 !important;
  border-radius:18px !important;

  box-shadow:
    0 7px 0 var(--sc-accent-dark),
    0 16px 26px rgba(255,143,60,.35),
    inset 0 1px 0 rgba(255,255,255,.45);

  transition:
    transform .12s ease,
    box-shadow .12s ease,
    filter .2s ease;
}

#gform_wrapper_22 .gform_button:hover,
#gform_wrapper_22 input[type="submit"]:hover{
  filter:brightness(1.05);
  transform:translateY(-2px);
}

#gform_wrapper_22 .gform_button:active,
#gform_wrapper_22 input[type="submit"]:active{
  transform:translateY(5px);
  box-shadow:
    0 2px 0 var(--sc-accent-dark),
    0 6px 12px rgba(255,143,60,.3);
}

/* ===================================================
   خطا و پیام موفقیت
   =================================================== */

#gform_wrapper_22 .gfield_error input,
#gform_wrapper_22 .gfield_error select,
#gform_wrapper_22 .gfield_error textarea{
  background:#fff8f8;
  border-color:#e5484d;
}

#gform_wrapper_22 .gfield_validation_message,
#gform_wrapper_22 .validation_message{
  margin-top:10px;
  padding:10px 14px;

  color:#c62828;
  font-family:inherit;
  font-size:13.5px;

  background:#fff5f5;
  border:1.5px solid #ffd3d3;
  border-radius:12px;
  box-shadow:0 3px 0 #ffe4e4;
}

#gform_wrapper_22.gform_validation_error{
  border-color:#ffc9c9;
}

/* پیام ثبت موفق */
#gform_confirmation_wrapper_22{
  direction:rtl;
  width:calc(100% - 32px);
  max-width:620px;
  margin:32px auto/* End custom CSS */