/* استایل‌های تایپوگرافی فقط برای متن مقاله — نه کل صفحه
   (قبلاً روی body اعمال می‌شد و نوار منو و کل صفحه را ۸۸۰px می‌کرد) */
.article-body{
  line-height:1.75;
}
.article-body p, .article-body li{
  text-align:justify;
  text-justify:inter-word;
  line-height:1.9;
}
.article-body h1{font-size:2rem;margin-bottom:1rem;}
.article-body h2{font-size:1.25rem;margin-top:1.6rem;}
.article-body h3{font-size:1.1rem;margin-top:1.0rem;}

.article-body figure{margin:1rem 0;}
.article-body img{max-width:100%;height:auto;border-radius:10px;}
.article-body figcaption{font-size:.9rem;color:#666;}
.article-body figure:first-of-type img{max-height:60vh;object-fit:cover;}

/* === فهرست مطالب با شماره‌گذاری پیشرفته === */

nav#toc,
nav.toc{
  background:#f8f9fb;
  padding:.8rem 1rem;
  border-radius:10px;

  /* رنگ را از رنگ لینک‌های اصلی سایت بگیر (سبز یونیفای) */
  color: var(--bs-link-color);
}

/* لیست اصلی (سطح ۱): 1- , 2- , 3- , ... */
nav#toc > ol,
nav.toc > ol{
  list-style:none;
  padding-inline-start:0;
  margin:0;
  counter-reset: toc-parent; /* شمارنده بخش‌های اصلی */
}

nav#toc > ol > li,
nav.toc > ol > li{
  display:block;
  counter-increment: toc-parent; /* هر li سطح اول یک شماره بگیرد */
}

/* شماره سطح ۱: 1- , 2- , 3- ... */
nav#toc > ol > li::before,
nav.toc > ol > li::before{
  content: counter(toc-parent) "- ";
  font-weight:600;
  margin-inline-end:.35rem;
  color: inherit; /* دقیقاً همان رنگ متن فهرست (var(--bs-link-color)) */
}

/* لیست‌های تو در تو (سطح ۲): 1-2- , 2-2- , 1-4- , ... */
nav#toc ol ol,
nav.toc ol ol{
  list-style:none;
  padding-inline-start:1rem;
  margin:0;
  counter-reset: toc-child; /* شمارنده زیر‌بخش‌ها */
}

nav#toc ol ol > li,
nav.toc ol ol > li{
  display:block;
  counter-increment: toc-child;
}

/* شماره سطح ۲: 1-2- , 2-2- , 1-4- ... */
nav#toc ol ol > li::before,
nav.toc ol ol > li::before{
  /* الگوی فرزند-والد: 1-2- , 2-2- , 1-4- ... */
  content: counter(toc-child) "-" counter(toc-parent) "- ";
  font-weight:600;
  margin-inline-end:.35rem;
  color: inherit; /* باز هم همان سبز لینک */
}

/* لینک‌ها در TOC دقیقاً همان رنگ را داشته باشند */
nav#toc a,
nav.toc a{
  color: inherit;      /* = var(--bs-link-color) */
  text-decoration:none;
}

.glossary-term{
  background:#fff6d6;
  border-radius:4px;
  padding:0 .15rem;
}
.gloss-sup{
  font-size:.72em;
  line-height:1;
  margin-inline-start:.2em;
  vertical-align:super;
}
.glossary ol{
  padding-inline-start:1.2rem;
}



.disclaimer{
  background:#fff3cd;
  padding:.8rem 1rem;
  border-radius:10px;
}

.cta p{font-weight:600;}
.warnings{
  font-size:.85rem;
  color:#b45309;
}


/* === بخش سوالات متداول (FAQ) در انتهای مقاله === */

.faq-section{
  background:#f9fafb;
  border-radius:10px;
  padding:1.25rem 1.5rem;
  margin:2rem 0;
  border:1px solid rgba(15,23,42,.06);
}

.faq-section h3{
  font-size:1.15rem;
  margin-top:0;
  margin-bottom:.9rem;
}

/* لیست کلی سؤال‌ها، اگر به‌صورت div یا ul پیاده‌سازی شود */
.faq-section .faq-list{
  list-style:none;
  padding:0;
  margin:0;
}

/* هر آیتم سؤال و جواب */
.faq-section .faq-item{
  padding:.75rem 0;
  border-top:1px solid rgba(148,163,184,.35);
}

.faq-section .faq-item:first-child{
  border-top:none;
}

.faq-section .faq-question{
  font-weight:600;
  display:block;
  margin-bottom:.25rem;
}

.faq-section .faq-answer{
  margin:0;
  font-size:.95rem;
  line-height:1.9;
}

/* اگر از h4 به‌عنوان تیتر سؤال استفاده شود */
.faq-section h4{
  font-size:1rem;
  margin:0 0 .25rem;
}

.faq-section{
  text-align:right;
}

.faq-section .faq-answer{
  text-align:justify;
  text-justify:inter-word;
}


/* حالت جمع‌وجور برای موبایل */
@media (max-width: 576px){
  .faq-section{
    padding:1rem 1rem;
    margin:1.5rem 0;
  }
}


/* تیتر "فهرست مطالب" داخل ناوبری TOC */
#toc strong{
  display:block;        /* روی یک خط جدا */
  font-weight:700;      /* بولد (تأکید بیشتر) */
  font-size:1.25rem;       /* کمی بزرگ‌تر از متن عادی */
  margin-bottom:.5rem;  /* فاصله از لیست */
}



/* === CTA مشاوره / خودشناسی === */

.consult-cta-section{
  margin: 1.8rem 0;
}

.consult-cta{
  background: #eff6ff;         /* پس‌زمینه باکس؛ اگر خواستی بعداً سبزش هم می‌توانی کنی */
  border-radius: 14px;
  padding: 1rem 1.25rem;
}

.consult-cta p{
  margin: 0 0 .75rem;
  line-height: 1.8;
}

.tk-cta-phone{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: .5rem;
  padding: .75rem 1.6rem;
  border-radius: 999px;
  text-decoration: none;
  font-weight: 700;
  font-size: .95rem;
  border: none;
  background: #14532d;             /* سبز تیره‌تر برای پس‌زمینه دکمه */
  color: #ffffff;
  cursor: pointer;
  margin: .5rem 0 .75rem;
  box-shadow: 0 8px 20px rgba(22, 163, 74, .25);
  transition:
    background .2s ease,
    transform .15s ease,
    box-shadow .2s ease;
}

.tk-cta-phone::before{
  content: "☎";                    /* آیکون تلفن کنترل‌پذیر با CSS */
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1.6rem;
  height: 1.6rem;
  border-radius: 999px;
  background: rgba(34, 197, 94, .15); /* هاله سبز روشن دور آیکون */
  font-size: 1.1rem;
  color: #4ade80;                  /* خود آیکون: سبز روشن */
}

.tk-cta-phone:hover,
.tk-cta-phone:focus{
  background: #166534;             /* کمی روشن‌تر در حالت هاور */
  transform: translateY(-1px);
  box-shadow: 0 10px 24px rgba(22, 163, 74, .3);
}

.cta-note{
  font-size: .85rem;
  color: #4b5563;
}

/* در موبایل، دکمه تمام‌عرض شود */
@media (max-width: 768px){
  .tk-cta-phone{
    width: 100%;
  }
}





/* Breadcrumb divider for RTL (force visible "/" between items) */
.tr-breadcrumb .breadcrumb-item + .breadcrumb-item::before{
  content: "/" !important;
  padding: 0 .5rem;
  color: rgba(0,0,0,.55);
  float: none !important;
}