.elementor-12783 .elementor-element.elementor-element-f527851{--display:flex;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}/* Start custom CSS for text-editor, class: .elementor-element-317c8fe *//* ============================================================
   WordPress Elementor Formatter — Base CSS (نسخه پایه)
   یک‌بار در Appearance > Customize > Additional CSS نصب شود.
   - بدون فونت (از فونت قالب استفاده می‌کند)
   - بدون JavaScript
   - سبک و کم‌حجم برای سرعت بالا
   همه چیز داخل .awef پیچیده شده تا با بقیه سایت تداخل نکند.
   (awef = Article Wordpress Elementor Formatter)
   ============================================================ */

.awef {
  font-family: inherit;       /* فونت از پروژه گرفته می‌شود */
  line-height: 1.9;
  color: inherit;
  direction: rtl;
  text-align: right;
  word-break: normal;
  overflow-wrap: break-word;   /* فقط کلمات خیلی بلند (URL) را می‌شکند، نه وسط کلمه فارسی */
  hyphens: none;               /* جلوگیری از خط‌تیره و شکستن کلمه فارسی */
}
.awef p,
.awef li,
.awef td,
.awef th,
.awef .awef-card,
.awef .awef-feat span {
  word-break: normal;
  overflow-wrap: break-word;
  hyphens: none;
}

/* --- پاراگراف و فاصله‌ها --- */
.awef p {
  margin: 0 0 1.1em;
}

/* --- تیترها --- */
.awef h2,
.awef h3 {
  line-height: 1.5;
  margin: 1.6em 0 0.7em;
  font-weight: 700;
}
.awef h2 {
  font-size: 1.5em;
  border-right: 4px solid currentColor;
  padding-right: 0.6em;
}
.awef h3 {
  font-size: 1.2em;
}
.awef h4 {
  font-size: 1.1em;
  line-height: 1.5;
  margin: 1.4em 0 0.6em;
  font-weight: 700;
}

/* --- لیست‌ها --- */
.awef ul,
.awef ol {
  margin: 0 0 1.1em;
  padding-right: 1.4em;
}
.awef li {
  margin-bottom: 0.5em;
}

/* --- لینک‌ها --- */
.awef a {
  color: #1a73e8;
  text-decoration: none;
  border-bottom: 1px solid rgba(26, 115, 232, 0.35);
}
.awef a:hover {
  border-bottom-color: #1a73e8;
}

/* ============================================================
   باکس‌های هشدار / نکته (Alert / Callout)
   استفاده: <div class="awef-box awef-note"> ... </div>
   انواع: awef-note (آبی) | awef-tip (سبز) | awef-warn (نارنجی)
   ============================================================ */
.awef-box {
  border-radius: 8px;
  padding: 0.9em 1.1em;
  margin: 1.3em 0;
  border-right: 4px solid;
}
.awef-box p:last-child { margin-bottom: 0; }

.awef-note {
  background: #eef4ff;
  border-right-color: #1a73e8;
}
.awef-tip {
  background: #ecfaef;
  border-right-color: #1f9d55;
}
.awef-warn {
  background: #fff5e6;
  border-right-color: #e8830c;
}

/* ============================================================
   جدول‌ها
   - جدول کوتاه: <table class="awef-table"> معمولی
   - جدول پرداده: داخل <div class="awef-table-scroll"> بپیچ
     تا روی موبایل اسکرول افقی بگیرد و به‌هم نریزد.
   ============================================================ */
.awef-table {
  width: 100%;
  border-collapse: collapse;
  margin: 1.3em 0;
  font-size: 0.97em;
}
.awef-table th,
.awef-table td {
  border: 1px solid #e2e2e2;
  padding: 0.7em 0.9em;
  text-align: right;
  vertical-align: top;
}
.awef-table th {
  background: #f5f7fa;
  font-weight: 700;
}
.awef-table tr:nth-child(even) td {
  background: #fafbfc;
}

/* جدول پرداده — اسکرول افقی روی موبایل */
.awef-table-scroll {
  overflow-x: auto;
  margin: 1.3em 0;
  -webkit-overflow-scrolling: touch;
}
.awef-table-scroll .awef-table {
  margin: 0;
  min-width: 560px;   /* زیر این عرض، اسکرول فعال می‌شود */
}

/* ============================================================
   سکشن دو ستونه (بدون JS، فقط CSS Grid)
   استفاده:
   <div class="awef-cols">
     <div>ستون اول</div>
     <div>ستون دوم</div>
   </div>
   روی موبایل خودکار تک‌ستونه می‌شود.
   ============================================================ */
.awef-cols {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1.4em;
  margin: 1.3em 0;
}
@media (max-width: 600px) {
  .awef-cols {
    grid-template-columns: 1fr;
  }
}

/* --- نقل قول (blockquote) --- */
.awef blockquote {
  margin: 1.3em 0;
  padding: 0.6em 1.1em;
  background: #f7f7f9;
  border-right: 4px solid #999;
  font-style: normal;
}

/* ============================================================
   عکس‌ها (figure)
   - عکس ریسپانسیو، ابعاد ثابت برای جلوگیری از CLS
   - کپشن وسط‌چین و کم‌رنگ
   ============================================================ */
.awef-figure {
  margin: 1.5em 0;
  text-align: center;
}
.awef-figure img {
  max-width: 100%;
  height: auto;
  border-radius: 8px;
  display: block;
  margin: 0 auto;
}
.awef-figure figcaption {
  margin-top: 0.5em;
  font-size: 0.88em;
  color: #777;
}

/* ============================================================
   سوالات متداول (FAQ) — آکاردئون بدون JavaScript
   با تگ <details>/<summary>
   ============================================================ */
.awef-faq {
  margin: 1.8em 0;
}
.awef-faq-item {
  border: 1px solid #e2e2e2;
  border-radius: 8px;
  margin-bottom: 0.7em;
  overflow: hidden;
}
.awef-faq-item summary {
  cursor: pointer;
  padding: 0.9em 1.1em;
  font-weight: 700;
  background: #f7f9fc;
  list-style: none;
  position: relative;
  padding-left: 2.2em;
}
.awef-faq-item summary::-webkit-details-marker { display: none; }
.awef-faq-item summary::before {
  content: "+";
  position: absolute;
  left: 1em;
  font-weight: 700;
  color: #1a73e8;
}
.awef-faq-item[open] summary::before { content: "\2212"; } /* علامت منها */
.awef-faq-item > div {
  padding: 0.9em 1.1em;
}

/* ============================================================
   کامپوننت‌های غنی (Rich Blocks) — برای UX جذاب‌تر
   همه بدون JavaScript. الهام از صفحات حرفه‌ای پزشکی.
   ============================================================ */

/* --- کارت (Card) عمومی --- */
.awef-card {
  border: 1px solid #e6e6e6;
  border-radius: 12px;
  padding: 1.2em 1.3em;
  margin: 1.2em 0;
  background: #fff;
  box-shadow: 0 1px 4px rgba(0,0,0,0.04);
}
.awef-card-title {
  display: flex;
  align-items: center;
  gap: 0.5em;
  font-weight: 700;
  font-size: 1.15em;
  margin: 0 0 0.7em;
  padding-bottom: 0.5em;
  border-bottom: 2px solid #f0f0f0;
}
.awef-card-title .awef-ico {
  flex: 0 0 auto;
  width: 1.5em;
  height: 1.5em;
}

/* رنگ‌بندی کارت بر اساس نوع (نوار بالای کارت) */
.awef-card.is-primary { border-top: 4px solid #1a73e8; }
.awef-card.is-green   { border-top: 4px solid #1f9d55; }
.awef-card.is-orange  { border-top: 4px solid #e8830c; }
.awef-card.is-purple  { border-top: 4px solid #7c4dff; }

/* --- شبکه کارت‌ها (حداکثر ۲ ستون) --- */
.awef-card-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1.1em;
  margin: 1.3em 0;
}
.awef-card-grid .awef-card { margin: 0; }
@media (max-width: 600px) {
  .awef-card-grid { grid-template-columns: 1fr; }
}

/* --- ردیف ویژگی با آیکون تیک/ضربدر (Pros/Cons) --- */
.awef-feat {
  display: flex;
  align-items: flex-start;
  gap: 0.55em;
  margin: 0.5em 0;
  line-height: 1.7;
}
.awef-feat .awef-ico { flex: 0 0 auto; margin-top: 0.15em; }
.awef-feat.is-yes { color: #1a7f43; }
.awef-feat.is-no  { color: #c0392b; }
.awef-feat.is-info { color: inherit; }

/* جعبه دو نیمه: مزایا کنار معایب */
.awef-proscons {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1.1em;
  margin: 1.3em 0;
}
.awef-proscons > div {
  border-radius: 10px;
  padding: 1em 1.1em;
}
.awef-proscons .awef-pros { background: #ecfaef; }
.awef-proscons .awef-cons { background: #fdeeee; }
.awef-proscons h4 { margin: 0 0 0.6em; font-size: 1.05em; }
@media (max-width: 600px) {
  .awef-proscons { grid-template-columns: 1fr; }
}

/* --- آیکون SVG درون‌خطی (بدون لود فایل/فونت) --- */
.awef-ico { display: inline-block; vertical-align: middle; fill: none; stroke: currentColor; stroke-width: 2; }

/* --- استایل آیکون رنگی برای تیتر کارت --- */
.awef-card.is-primary .awef-card-title .awef-ico { color: #1a73e8; }
.awef-card.is-green   .awef-card-title .awef-ico { color: #1f9d55; }
.awef-card.is-orange  .awef-card-title .awef-ico { color: #e8830c; }
.awef-card.is-purple  .awef-card-title .awef-ico { color: #7c4dff; }

/* --- نوار CTA (دعوت به اقدام) --- */
.awef-cta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 0.8em;
  background: linear-gradient(135deg, #1a73e8, #2b9bf4);
  color: #fff;
  border-radius: 12px;
  padding: 1.1em 1.4em;
  margin: 1.5em 0;
}
.awef-cta p { margin: 0; font-weight: 700; }
.awef-cta a {
  background: #fff;
  color: #1a73e8;
  padding: 0.6em 1.3em;
  border-radius: 8px;
  font-weight: 700;
  border-bottom: none;
  white-space: nowrap;
}

/* --- آمار/عدد برجسته (Stat) --- */
.awef-stats {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(130px, 1fr));
  gap: 1em;
  margin: 1.4em 0;
  text-align: center;
}
.awef-stat {
  background: #f7f9fc;
  border-radius: 10px;
  padding: 1em 0.6em;
}
.awef-stat b {
  display: block;
  font-size: 1.8em;
  color: #1a73e8;
  line-height: 1.2;
}
.awef-stat span { font-size: 0.9em; color: #666; }/* End custom CSS */