/* 🎯 ایزوله کردن بلاک: هیچ استایل بیرونی اثر ندارد */
/* .faq-block, */
.faq-block * {
  all: unset;                 /* حذف کامل استایل‌های ارث‌گرفته */
  box-sizing: border-box;
  direction: rtl;             /* راست‌چین برای فارسی */
}

/* 📦 ساختار اصلی */
.faq-block {
  display: block;
  width: 100%;
  margin: 1.5rem 0;
  font-family: inherit;
}

/* 🧩 هر آیتم */
.faq-item {
  display: block;
  margin-bottom: 1rem;
  cursor: pointer;

}

/* ❓ سوال */
.faq-question {
  display: flex;          /* مهم: کل لاین کلیک‌پذیر شود */
  width: 100%;
  cursor: pointer !important;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.8;
  text-align: right;
  padding: 4px 0;
  transition: color 0.3s ease;
  align-items: center;
}

/* 🔽 پاسخ */
.faq-answer {
  display: block;
  overflow: hidden;
  max-height: 0;
  opacity: 0;
  transition: max-height 0.4s ease, opacity 0.3s ease;
  font-size: 0.95rem;
  line-height: 1.8;
  margin-top: 0.2rem;
}

/* ✅ حالت باز */
.faq-question.active + .faq-answer {
  opacity: 1;
  max-height: 500px; /* برای انیمیشن نرم */
}

/* 💡 فوکوس یا هاور برای دسترسی‌پذیری */
.faq-question:hover,
.faq-question:focus {
  text-decoration: underline;
}

.faq-question:focus{
    color: #324a6d !important;
    background-color: #FFF !important;
    /* border-color: var(--ast-global-color-1); */
}

.faq-question{
    padding:5px 20px 5px ;
    border-radius: 10px
}

.faq-question:hover{
    color: #324a6d !important;
    background-color: #f0f4ff !important;
}

/* علامت قبل از سوال */
.faq-question::before {
  content: "+";
  display: inline-block;
  margin-left: 8px;
  transition: transform 0.6s ease;
}

/* وقتی باز میشه، تبدیل به – بشه */
.faq-question.active::before {
  content: "–";
  transform: rotate(180deg);
}

.faq-answer {
    margin-right: 45px;
}