/* ==========================================================================
   elementor-reset.css — خنثی‌کردن پیش‌فرض‌های چیدمانیِ المنتور
   ==========================================================================
   این فایل عمداً بین CSS المنتور و components.css بارگذاری می‌شود و همه‌ی
   قاعده‌هایش وزنِ یک کلاس دارند.

   چرا: کانتینرهای آینه‌ای همان کلاس‌های طرح را دارند و چیدمانشان باید از
   components.css بیاید. اگر این ریست وزنِ بیشتری داشت (مثلاً .e-con.psy-el-box)
   روی خودِ طرح هم می‌افتاد — یک بار همین شد و ریلِ کاروسل به‌جای افقی،
   عمودی چید. با وزنِ برابر و ترتیبِ زودتر، المنتور را می‌بَرد و از
   components.css می‌بازد؛ دقیقاً همان چیزی که لازم است.
   ========================================================================== */

.psy-el-box {
  display: block;
  gap: 0;
  row-gap: 0;
  column-gap: 0;
  padding: 0;
  margin: 0;
  width: auto;
  text-align: inherit;
  align-content: normal;
  align-items: normal;
  justify-content: normal;
  flex-direction: row;
  flex-wrap: nowrap;
  --gap: 0px;
  --row-gap: 0px;
  --column-gap: 0px;
  --padding-top: 0px;
  --padding-right: 0px;
  --padding-bottom: 0px;
  --padding-left: 0px;
  --container-widget-width: auto;
}

/* پیش‌فرضِ جهتِ کانتینرِ المنتور column است و با وزنِ دو کلاس نوشته شده
   (.e-con.e-flex)، پس ریستِ تک‌کلاسیِ بالا حریفش نمی‌شود. اینجا با همان
   وزن ولی دیرتر، به row برمی‌گردد — همان پیش‌فرضِ خودِ CSS.
   جاهایی که طرح ستونی می‌خواهد، elementor-flex.css بعداً می‌گوید. */
.e-con.psy-el-box { --flex-direction: row; }

/* المنتور هر ویجت را در دو div می‌پیچد. در طرح، تیتر و متن و دکمه
   فرزندِ مستقیمِ گرید یا فلکس‌اند؛ با این دو div وسط، آیتمِ چیدمان
   آن‌ها می‌شوند و کارت‌ها به هم می‌ریزند. display:contents از چیدمان
   حذفشان می‌کند بی‌آنکه از DOM بروند — و خصوصیت‌های ارثی مثل direction
   و color هنوز از رویشان رد می‌شوند. */
.psy-el-box > .elementor-widget,
.psy-el-box > .elementor-widget > .elementor-widget-container,
.psy-el-box .elementor-button-wrapper,
.psy-el-box .elementor-widget-image figure,
.psy-el-box .elementor-widget-shortcode .elementor-shortcode {
  display: contents;
}

/* المنتور روی هر کانتینر یک ::before برای لایه‌ی روکشِ زمینه می‌گذارد:
   position:absolute و اندازه‌ی تمامِ جعبه. تا وقتی روکشی تعریف نشده،
   content نامعتبر است و شبه‌عنصر ساخته نمی‌شود — ولی طرح خودش روی چند
   عنصر ::before و ::after واقعی دارد (خط‌های دو طرفِ اُرنمنت). آن‌ها
   ساخته می‌شدند و بعد absolute از جریانِ فلکس بیرون می‌افتادند؛ نتیجه
   یک خطِ سرگردان در لبه‌ی صفحه بود.

   اینجا هندسه‌اش خنثی می‌شود. وزنِ یک کلاس دارد، پس هر قاعده‌ای که
   components.css بعداً بگوید برنده است. */
.psy-el-box::before,
.psy-el-box::after {
  position: static;
  inset: auto;
  width: auto;
  height: auto;
  border-width: 0;
  border-radius: 0;
  transition: none;
}