/* ===== DZTStrategy FAQ – Visual Clarity Patch (Bootstrap 5 / T4) ===== */
.faq-accordion { 
  --q-bg:#0f1f3a;          /* رنگ دکمه‌ی سوال وقتی باز است */
  --q-fg:#ffffff;          /* رنگ متن سوال وقتی باز است */
  --q-bg-collapsed:#f7f9fc;/* رنگ دکمه‌ی سوال وقتی بسته است */
  --q-fg-collapsed:#12223a;/* رنگ متن سوال وقتی بسته است */
  --ans-bg:#f3f8ff;        /* پس‌زمینه‌ی پاسخ */
  --ans-border:#cfe0ff;    /* حاشیه‌ی پاسخ */
  --accent:#2e5aac;        /* رنگ تأکیدی کنار پاسخ */
  --divider:#e7edf5;       /* جداکننده‌ی بین آیتم‌ها */
}

/* فاصلهٔ منطقی بین آیتم‌ها */
.faq-accordion .accordion-item + .accordion-item { 
  margin-top: 18px;
}

/* تیتر سؤال (حالت بسته) */
.faq-accordion .accordion-button {
  background: var(--q-bg-collapsed);
  color: var(--q-fg-collapsed);
  font-weight: 700;
  font-size: 1.05rem;
  padding: 16px 18px;
  border: 1px solid #e6ebf2;
  border-radius: 12px;
  transition: background .2s ease, color .2s ease, box-shadow .2s ease;
}

/* تیتر سؤال (حالت باز) – کنتراست بالا */
.faq-accordion .accordion-button:not(.collapsed) {
  background: var(--q-bg);
  color: var(--q-fg);
  border-color: var(--q-bg);
  box-shadow: 0 6px 14px rgba(15,31,58,.18);
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

/* آیکون پیش‌فرض بوت‌استرپ را کمی واضح‌تر می‌کنیم */
.faq-accordion .accordion-button::after {
  filter: invert(22%) sepia(9%) saturate(1200%) hue-rotate(181deg) brightness(90%) contrast(92%);
}
.faq-accordion .accordion-button:not(.collapsed)::after {
  filter: invert(100%);
}

/* بدنهٔ پاسخ – تمایز بصری قوی */
.faq-accordion .accordion-body {
  position: relative;
  background: var(--ans-bg);
  color: #283447;
  line-height: 1.75;
  font-size: 1rem;
  padding: 18px 22px 20px 22px;
  border: 1px solid var(--ans-border);
  border-top: none; /* تا به تیتر سؤال بازشده بچسبد */
  border-bottom-left-radius: 12px;
  border-bottom-right-radius: 12px;
}

/* نوار تأکیدی کنار پاسخ */
.faq-accordion .accordion-body::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0; bottom: 0;
  width: 4px;
  background: var(--accent);
  border-bottom-left-radius: 12px;
}

/* برچسب Answer بالای متن پاسخ */
.faq-accordion .accordion-body::before {
  content: "Answer";
  display: inline-block;
  font-size: .72rem;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: var(--accent);
  margin-bottom: 8px;
  background: rgba(46,90,172,.08);
  padding: 4px 8px;
  border-radius: 6px;
}

/* فاصلهٔ عمودیِ محسوس بین پایان پاسخ و سؤال بعدی */
.faq-accordion .accordion-collapse.show {
  margin-bottom: 14px; /* فاصلهٔ تنفسی */
}

/* یک جداکنندهٔ نرم بعد از هر پاسخ بازشده */
.faq-accordion .accordion-collapse.show + .accordion-item .accordion-button {
  position: relative;
}
.faq-accordion .accordion-collapse.show + .accordion-item .accordion-button::before {
  content: "";
  position: absolute;
  top: -12px; left: 8px; right: 8px;
  height: 1px;
  background: var(--divider);
  border-radius: 1px;
}

/* حالت Hover روی سؤالات بسته برای اسکن راحت‌تر */
.faq-accordion .accordion-button.collapsed:hover {
  background: #eef3fb;
  box-shadow: 0 4px 10px rgba(13,27,58,.06);
}

/* ریسپانسیو تایپوگرافی */
@media (max-width: 576px) {
  .faq-accordion .accordion-button { font-size: 1rem; padding: 14px 16px; }
  .faq-accordion .accordion-body   { font-size: .98rem; padding: 16px 18px; }
}
.carousel-caption h5 {
  font-size: 2rem;
  font-weight: 700;
  text-transform: uppercase;
  text-shadow: 0px 2px 6px rgba(0,0,0,0.5);
}

.carousel-caption p {
  font-size: 1.2rem;
  text-shadow: 0px 2px 5px rgba(0,0,0,0.4);
}

.carousel img {
  max-height: 600px; /* ارتفاع اسلایدشو */
  object-fit: cover;
}
