.elementor-1125 .elementor-element.elementor-element-40a4392{--display:flex;}/* Start custom CSS *//* ===== School 3D Theme — Teacher Announcement Form #21 ===== */
#gform_wrapper_21{
  --sc-primary:#6d5efc;
  --sc-primary-dark:#3f2fd0;
  --sc-accent:#ff8f3c;
  --sc-accent-dark:#d96a14;
  --sc-ink:#141b34;
  --sc-paper:#ffffff;

  direction:rtl;
  position:relative;
  max-width:780px;
  margin:32px auto;
  padding:34px 28px 28px;
  border-radius:24px;
  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);
  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;
  overflow:hidden;
}
#gform_wrapper_21: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_21::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_21::after{
  content:"";
  position:absolute; inset:0; 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_21 > *{ position:relative; z-index:2; }

/* ---------- تیتر ---------- */
#gform_wrapper_21 .gform_heading{ text-align:center; margin-bottom:26px; }
#gform_wrapper_21 .gform_title{
  display:inline-block;
  font-size:clamp(22px,3vw,32px);
  font-weight:800;
  padding:14px 32px;
  color:#fff;
  border-radius:18px;
  background:linear-gradient(180deg,#8a7dff,var(--sc-primary));
  text-shadow:0 2px 0 rgba(0,0,0,.25);
  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_21 .gform_title::before{ content:"📢 "; }
#gform_wrapper_21 .gform_description{ margin-top:12px; color:#5d6480; font-size:15px; }

/* ---------- برچسب‌ها ---------- */
#gform_wrapper_21 .gfield_label{
  font-size:16px; font-weight:700; color:var(--sc-ink);
  margin-bottom:10px; display:inline-flex; align-items:center; gap:8px;
}
#gform_wrapper_21 #field_21_1 .gfield_label::before{ content:"🏷️"; }
#gform_wrapper_21 #field_21_3 .gfield_label::before{ content:"📝"; }
#gform_wrapper_21 .gfield_required_text{
  background:#fff1f1; color:#e5484d; font-size:12px; font-weight:700;
  padding:2px 8px; border-radius:999px; border:1px solid #ffd5d6;
}

/* ---------- کارت فیلدها ---------- */
#gform_wrapper_21 .gform_fields{ gap:22px !important; }
#gform_wrapper_21 .gfield:not(.gform_hidden){
  background:var(--sc-paper);
  padding:20px;
  border-radius:18px;
  border:1.5px solid #eae7fb;
  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;
}
#gform_wrapper_21 .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_21 input[type="text"],
#gform_wrapper_21 input[type="email"],
#gform_wrapper_21 input[type="tel"],
#gform_wrapper_21 input[type="number"],
#gform_wrapper_21 select,
#gform_wrapper_21 textarea{
  width:100%;
  font-family:inherit; font-size:15px;
  padding:14px 16px;
  color:var(--sc-ink);
  background:#fcfbff;
  border:2px solid #e2ddf9;
  border-radius:14px;
  box-shadow:inset 0 3px 6px rgba(20,27,52,.07);
  transition:border-color .2s, box-shadow .2s, background .2s;
}
#gform_wrapper_21 textarea{
  min-height:200px; resize:vertical; line-height:2.1;
  /* حالت کاغذ خط‌دار برای متن اطلاعیه */
  background-image:repeating-linear-gradient(to bottom, transparent 0 31px, rgba(109,94,252,.12) 31px 32px);
  background-attachment:local;
}
#gform_wrapper_21 input:focus,
#gform_wrapper_21 select:focus,
#gform_wrapper_21 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_21 ::placeholder{ color:#a6adc4; }

/* ---------- دکمه ارسال سه‌بعدی ---------- */
#gform_wrapper_21 .gform_footer{
  justify-content:center !important;
  margin-top:30px !important;
}
#gform_wrapper_21 .gform_button{
  font-family:inherit; font-size:18px; font-weight:800; cursor:pointer;
  color:#fff; border:0;
  padding:16px 56px;
  border-radius:18px;
  background:linear-gradient(180deg,#ffa85c,var(--sc-accent));
  text-shadow:0 2px 0 rgba(0,0,0,.2);
  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;
}
#gform_wrapper_21 .gform_button:hover{ filter:brightness(1.05); transform:translateY(-2px); }
#gform_wrapper_21 .gform_button:active{
  transform:translateY(5px);
  box-shadow:0 2px 0 var(--sc-accent-dark), 0 6px 12px rgba(255,143,60,.3);
}

/* ---------- خطا / موفقیت ---------- */
#gform_wrapper_21 .gfield_validation_message,
#gform_wrapper_21 .validation_message{
  background:#fff5f5; color:#c62828; border:1.5px solid #ffd3d3;
  border-radius:12px; padding:10px 14px; font-size:13.5px; margin-top:10px;
  box-shadow:0 3px 0 #ffe4e4;
}
#gform_wrapper_21.gform_validation_error{ border-color:#ffc9c9; }
#gform_confirmation_wrapper_21{
  max-width:780px; margin:32px auto; padding:28px;
  border-radius:24px; text-align:center; font-weight:700; font-size:17px;
  color:#3f2fd0; background:linear-gradient(180deg,#f6f4ff,#ebe7ff);
  border:2px solid #d5cdff;
  box-shadow:0 6px 0 #ded7ff, 0 16px 28px rgba(20,27,52,.12);
  direction:rtl; font-family:'استعداد',Vazirmatn,Tahoma,sans-serif;
}
#gform_confirmation_wrapper_21::before{ content:"✅ "; }

/* ---------- موبایل ---------- */
@media (max-width:600px){
  #gform_wrapper_21{ padding:26px 16px 20px; border-radius:18px; transform:none; }
  #gform_wrapper_21 .gfield:not(.gform_hidden){ padding:16px; }
  #gform_wrapper_21 .gform_button{ width:100%; padding:16px 20px; }
  #gform_wrapper_21 textarea{ min-height:170px; }
}

@media (prefers-reduced-motion:reduce){
  #gform_wrapper_21, #gform_wrapper_21 *{ transition:none !important; transform:none !important; }
}/* End custom CSS */