.elementor-827 .elementor-element.elementor-element-c0439e2{--display:flex;}/* Start custom CSS *//* ==========================================================================
   استایل اختصاصی صفحه «ثبت چک» - دبستان گلبانگ
   نسخه روشن (Light Theme) - متناسب با تم سفید سایت
   طراحی مدرن، تمیز، راست‌به‌چپ و کاملاً ریسپانسیو
   نحوه نصب: این کد را در وردپرس از مسیر
   Appearance > Customize > Additional CSS
   یا در پلاگین‌هایی مثل "Simple Custom CSS" کپی کنید.
   ========================================================================== */

/* ---------- فونت فارسی ---------- */
@import url('https://cdn.jsdelivr.net/gh/rastikerdar/vazirmatn@v33.003/Vazirmatn-font-face.css');

:root{
  --gk-bg: #f4f6fb;
  --gk-card: #ffffff;
  --gk-card-border: #e6e9f2;
  --gk-primary: #4a63e0;
  --gk-primary-dark2: #3646c2;
  --gk-primary-soft: #eef1ff;
  --gk-text: #1c2333;
  --gk-text-dim: #6b7280;
  --gk-success: #16a374;
  --gk-danger: #e0405a;
  --gk-radius: 18px;
  --gk-radius-sm: 12px;
  --gk-shadow: 0 16px 40px rgba(30,41,80,0.10);
  --gk-transition: all .25s ease;
}

/* ---------- بستر کلی صفحه ---------- */
body.page-id-827{
  background: var(--gk-bg) !important;
  font-family: 'Vazirmatn', Tahoma, sans-serif !important;
  color: var(--gk-text);
}

body.page-id-827 .elementor-element-c0439e2{
  padding: 32px 16px 64px !important;
  display: flex;
  justify-content: center;
}

body.page-id-827 .e-con-inner{
  width: 100%;
  max-width: 760px;
}

/* ---------- کارت اصلی فرم ---------- */
.gform_wrapper.gform-theme{
  background: var(--gk-card) !important;
  border: 1px solid var(--gk-card-border) !important;
  border-radius: var(--gk-radius) !important;
  padding: clamp(20px, 4vw, 44px) !important;
  box-shadow: var(--gk-shadow) !important;
  direction: rtl;
  animation: gkFadeIn .5s ease both;
}

@keyframes gkFadeIn{
  from{ opacity: 0; transform: translateY(14px); }
  to{ opacity: 1; transform: translateY(0); }
}

/* ---------- عنوان فرم ---------- */
.gform_wrapper .gform_heading{
  text-align: center;
  margin-bottom: 28px;
  padding-bottom: 20px;
  border-bottom: 1px solid var(--gk-card-border);
}

.gform_wrapper .gform_title{
  font-size: clamp(22px, 4vw, 30px) !important;
  font-weight: 700 !important;
  color: var(--gk-text) !important;
  position: relative;
  display: inline-block;
  padding-bottom: 10px;
}

.gform_wrapper .gform_title::after{
  content: "";
  position: absolute;
  bottom: -2px;
  right: 50%;
  transform: translateX(50%);
  width: 56px;
  height: 4px;
  border-radius: 4px;
  background: linear-gradient(90deg, var(--gk-primary), var(--gk-success));
}

/* ---------- گروه‌بندی فیلدها به صورت گرید ریسپانسیو ---------- */
.gform_wrapper .gform_fields{
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 18px 20px;
  align-items: start;
}

.gform_wrapper .gfield--width-full,
.gform_wrapper .gsection,
.gform_wrapper .gfield--type-textarea,
.gform_wrapper .gfield--type-fileupload,
.gform_wrapper .gfield--type-section{
  grid-column: 1 / -1;
}

/* ---------- سربرگ بخش‌ها (Section) ---------- */
.gform_wrapper .gsection{
  margin: 10px 0 4px;
  padding: 0;
  border: none !important;
}

.gform_wrapper .gsection_title{
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 15px;
  font-weight: 700;
  color: var(--gk-primary);
  padding: 10px 16px;
  background: var(--gk-primary-soft);
  border-radius: var(--gk-radius-sm);
  margin: 0 !important;
}

.gform_wrapper .gsection_title::before{
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--gk-primary);
  flex-shrink: 0;
}

/* ---------- برچسب فیلدها ---------- */
.gform_wrapper .gfield_label{
  font-size: 13.5px !important;
  font-weight: 600 !important;
  color: var(--gk-text-dim) !important;
  margin-bottom: 6px !important;
}

.gform_wrapper .gfield_required_text{
  color: var(--gk-danger) !important;
  font-weight: 500 !important;
}

/* ---------- بازنویسی متغیرهای رنگی داخلی گراویتی‌فرمز (تم Orbital) ----------
   گراویتی‌فرمز به‌صورت پیش‌فرض یک رنگ سرمه‌ای تیره برای حالت فوکوس/کلیک
   داخل خود پلاگین تعریف کرده. این بلوک همه‌ی اون متغیرها رو با رنگ‌های
   تم روشن سایت جایگزین می‌کنه تا دیگه هنگام کلیک سرمه‌ای نشه. */
.gform_wrapper.gform-theme{
  --gf-color-primary: var(--gk-primary) !important;
  --gf-color-primary-darker: var(--gk-primary-dark2) !important;
  --gf-color-primary-lighter: var(--gk-primary) !important;
  --gf-color-primary-contrast: #ffffff !important;

  --gf-color-in-ctrl: #fafbfe !important;
  --gf-color-in-ctrl-contrast: var(--gk-text) !important;
  --gf-color-in-ctrl-darker: #f0f2f8 !important;
  --gf-color-in-ctrl-lighter: #ffffff !important;

  --gf-color-in-ctrl-primary: var(--gk-primary) !important;
  --gf-color-in-ctrl-primary-contrast: #ffffff !important;
  --gf-color-in-ctrl-primary-darker: var(--gk-primary-dark2) !important;
  --gf-color-in-ctrl-primary-lighter: var(--gk-primary) !important;

  --gf-color-in-ctrl-light: var(--gk-primary-soft) !important;
  --gf-color-in-ctrl-light-darker: #dfe3f5 !important;
  --gf-color-in-ctrl-light-lighter: #f6f7fc !important;

  --gf-color-in-ctrl-dark: var(--gk-text-dim) !important;
  --gf-color-in-ctrl-dark-darker: var(--gk-text) !important;
  --gf-color-in-ctrl-dark-lighter: #8b93a8 !important;

  --gf-color-out-ctrl-light: #eef0f6 !important;
  --gf-color-out-ctrl-light-darker: #dde1ec !important;
  --gf-color-out-ctrl-light-lighter: #f6f7fc !important;

  --gf-ctrl-border-color: #dde1ec !important;
}

/* ---------- رفع رنگ سرمه‌ای پیش‌فرض هنگام کلیک (tap-highlight / active) ---------- */
.gform_wrapper *{
  -webkit-tap-highlight-color: transparent !important;
}

.gform_wrapper input[type="text"]:active,
.gform_wrapper input[type="tel"]:active,
.gform_wrapper input[type="number"]:active,
.gform_wrapper input[type="email"]:active,
.gform_wrapper select:active,
.gform_wrapper textarea:active,
.gform_wrapper input[type="text"]:focus-visible,
.gform_wrapper input[type="tel"]:focus-visible,
.gform_wrapper input[type="number"]:focus-visible,
.gform_wrapper input[type="email"]:focus-visible,
.gform_wrapper select:focus-visible,
.gform_wrapper textarea:focus-visible{
  background: #ffffff !important;
  color: var(--gk-text) !important;
  border-color: var(--gk-primary) !important;
  box-shadow: 0 0 0 4px var(--gk-primary-soft) !important;
  -webkit-text-fill-color: var(--gk-text) !important;
}

.gform_wrapper .gform_button:active,
.gform_wrapper .gform_button:focus{
  background: linear-gradient(90deg, var(--gk-primary), var(--gk-primary-dark2)) !important;
  color: #fff !important;
}

.gform_wrapper .gform_button_select_files:active,
.gform_wrapper .gform_button_select_files:focus{
  background: var(--gk-primary) !important;
  color: #fff !important;
}

/* ---------- ورودی‌ها ---------- */
.gform_wrapper input[type="text"],
.gform_wrapper input[type="tel"],
.gform_wrapper input[type="number"],
.gform_wrapper input[type="email"],
.gform_wrapper select,
.gform_wrapper textarea{
  width: 100% !important;
  background: #fafbfe !important;
  border: 1px solid #dde1ec !important;
  border-radius: var(--gk-radius-sm) !important;
  color: var(--gk-text) !important;
  padding: 12px 14px !important;
  font-family: 'Vazirmatn', Tahoma, sans-serif !important;
  font-size: 14.5px !important;
  transition: var(--gk-transition);
  box-shadow: none !important;
}

.gform_wrapper textarea{
  min-height: 110px !important;
  resize: vertical;
}

.gform_wrapper input::placeholder,
.gform_wrapper textarea::placeholder{
  color: #9aa0b4;
}

.gform_wrapper input:hover,
.gform_wrapper select:hover,
.gform_wrapper textarea:hover{
  border-color: #c3c9db !important;
}

.gform_wrapper input:focus,
.gform_wrapper select:focus,
.gform_wrapper textarea:focus{
  outline: none !important;
  border-color: var(--gk-primary) !important;
  background: #ffffff !important;
  box-shadow: 0 0 0 4px var(--gk-primary-soft) !important;
}

/* select با فلش سفارشی راست‌چین */
.gform_wrapper select{
  -webkit-appearance: none;
  appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 10 6'%3E%3Cpath fill='%236b7280' d='M0.29 0.29a1 1 0 0 1 1.42 0L5 3.58l3.29-3.29a1 1 0 1 1 1.42 1.42l-4 4a1 1 0 0 1-1.42 0l-4-4a1 1 0 0 1 0-1.42Z'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: left 14px center !important;
  padding-left: 34px !important;
  cursor: pointer;
}

/* ---------- آپلود فایل ---------- */
.gform_wrapper .gform_drop_area{
  border: 2px dashed #d4d9e6 !important;
  border-radius: var(--gk-radius-sm) !important;
  background: #fafbfe !important;
  padding: 22px !important;
  text-align: center;
  transition: var(--gk-transition);
}

.gform_wrapper .gform_drop_area:hover{
  border-color: var(--gk-primary) !important;
  background: var(--gk-primary-soft) !important;
}

.gform_wrapper .gform_drop_instructions{
  color: var(--gk-text-dim) !important;
  font-size: 13.5px;
  display: block;
  margin-bottom: 10px;
}

.gform_wrapper .gform_button_select_files{
  background: var(--gk-primary) !important;
  color: #fff !important;
  border: none !important;
  border-radius: 999px !important;
  padding: 9px 22px !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  cursor: pointer;
  transition: var(--gk-transition);
}

.gform_wrapper .gform_button_select_files:hover{
  background: var(--gk-primary-dark2) !important;
  transform: translateY(-1px);
}

.gform_wrapper .gform_fileupload_rules{
  color: var(--gk-text-dim) !important;
  font-size: 11.5px !important;
  display: block;
  margin-top: 8px;
  opacity: .85;
}

/* ---------- فوتر / دکمه ارسال ---------- */
.gform_wrapper .gform_footer{
  margin-top: 30px !important;
  padding-top: 26px !important;
  border-top: 1px solid var(--gk-card-border) !important;
}

.gform_wrapper .gform_button{
  width: 100% !important;
  background: linear-gradient(90deg, var(--gk-primary), var(--gk-primary-dark2)) !important;
  color: #fff !important;
  border: none !important;
  border-radius: var(--gk-radius-sm) !important;
  padding: 15px 20px !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  cursor: pointer;
  letter-spacing: .3px;
  box-shadow: 0 10px 24px rgba(74,99,224,0.28) !important;
  transition: var(--gk-transition);
}

.gform_wrapper .gform_button:hover{
  transform: translateY(-2px);
  box-shadow: 0 14px 30px rgba(74,99,224,0.36) !important;
}

.gform_wrapper .gform_button:active{
  transform: translateY(0);
}

/* ---------- پیام‌های خطا / اعتبارسنجی ---------- */
.gform_wrapper .gfield_validation_message,
.gform_wrapper .validation_message{
  color: var(--gk-danger) !important;
  font-size: 12.5px !important;
  margin-top: 6px !important;
}

.gform_wrapper.gform_validation_error .gfield_error input,
.gform_wrapper.gform_validation_error .gfield_error select{
  border-color: var(--gk-danger) !important;
}

/* ---------- فیلدهای تاریخ (Dropdown) ---------- */
.gform_wrapper .ginput_complex{
  display: flex;
  gap: 10px;
}

.gform_wrapper .ginput_complex .ginput_container_date select{
  padding-left: 30px !important;
}

/* ---------- اسکرول‌بار داخل تکست‌اریا ---------- */
.gform_wrapper textarea::-webkit-scrollbar{ width: 6px; }
.gform_wrapper textarea::-webkit-scrollbar-thumb{
  background: #d4d9e6;
  border-radius: 10px;
}

/* ==========================================================================
   ریسپانسیو - تبلت
   ========================================================================== */
@media (max-width: 900px){
  body.page-id-827 .elementor-element-c0439e2{
    padding: 24px 12px 48px !important;
  }
  .gform_wrapper .gform_fields{
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
  }
}

/* ==========================================================================
   ریسپانسیو - موبایل
   ========================================================================== */
@media (max-width: 620px){
  .gform_wrapper.gform-theme{
    padding: 22px 16px !important;
    border-radius: 16px !important;
  }

  .gform_wrapper .gform_fields{
    grid-template-columns: 1fr;
    gap: 14px;
  }

  .gform_wrapper .gform_title{
    font-size: 20px !important;
  }

  .gform_wrapper .ginput_complex{
    flex-wrap: wrap;
  }

  .gform_wrapper .ginput_complex > div{
    flex: 1 1 30%;
  }

  .gform_wrapper .gform_button{
    font-size: 15px !important;
    padding: 14px !important;
  }

  .gform_wrapper .gform_drop_area{
    padding: 16px !important;
  }
}

@media (max-width: 380px){
  .gform_wrapper.gform-theme{
    padding: 16px 12px !important;
  }
}/* End custom CSS */