/**
 * فرم ثبت‌نام در هیروی صفحه‌ی اصلی
 *
 * ⚠️ چرا فایل جداست و نه داخل mobile.css.
 *
 * این قاعده‌ها اول در mobile.css نوشته شدند، ولی آن فایل را
 * inc/mobile-bar.php صف می‌کند — یعنی با FARAZSMS_DISABLE=mobile-bar
 * استایل هیرو هم می‌رفت، در حالی که دو قابلیت هیچ ربطی به هم ندارند.
 * ماژولِ خاموش‌شده نباید صفحه‌ی اصلی را بدشکل کند.
 *
 * ضمناً این‌ها اصلاً موبایلی نیستند؛ چیدمان ≥۹۹۲px‌اند.
 *
 * فقط وقتی بار می‌شود که کلیدِ «تنظیمات قالب ← هیروی صفحه‌ی اصلی»
 * روشن باشد — روی بقیه‌ی سایت یک بایت هم اضافه نمی‌کند.
 */

.hero_site--form .hero_formcol{ display:flex; align-items:center }

/* ⚠️ قاب دور فرم نگذارید.
   ماژول ثبت‌نام خودش کارت است — .wsu حاشیه و گردی و پدینگ و پس‌زمینه
   دارد. قابِ دوم جعبه‌تودرجعبه می‌سازد؛ free-panel.css همین را با
   تجربه‌ی روی صفحه نوشته و اینجا اول نادیده گرفته شده بود.
   این بلوک فقط عرض و جای فرم را تعیین می‌کند؛ ظاهرِ کارت روی خودِ
   .wsu تقویت می‌شود تا روی هیروی رنگی دیده شود. */
.hero_site--form .hero_formcard{
  inline-size:100%; max-inline-size:440px; margin-inline-start:auto;
}
.hero_site--form .hero_formcard .wsu{
  background:#fff; border:0; border-radius:18px;
  box-shadow:0 18px 50px -24px rgba(20,20,40,.45);
}

/* ⚠️ هیروی پیش‌فرض ارتفاعش را از تصویرِ absolute می‌گرفت. بدون تصویر،
   سکشن جمع می‌شد و فرم به لبه‌ی پایین می‌چسبید. */
.hero_site--form{ padding-block-end:48px }

@media (max-width: 991px){
  .hero_site--form .hero_formcard{ margin:26px auto 0 }
}