/* =========================================================
   faq.css — الأسئلة الشائعة: أكورديون + صورة
   ========================================================= */

:root {
  --ebmnt1-faq-inner-bg-color: transparent;
  --ebmnt1-faq-layout-gap: 2.5em;

  --ebmnt1-faq-item-bg-color: #ecf3f5;
  --ebmnt1-faq-item-open-bg-color: #ffc107;
  --ebmnt1-faq-item-radius: 0.6rem;
  --ebmnt1-faq-question-font-size: clamp(0.95rem, 0.9rem + 0.25vw, 1.1rem);
  --ebmnt1-faq-question-text-color: #081f28;
  --ebmnt1-faq-question-icon-color: #004250;
  --ebmnt1-faq-answer-bg-color: #ecf3f5;
  --ebmnt1-faq-answer-font-size: clamp(0.9rem, 0.85rem + 0.2vw, 1rem);
  --ebmnt1-faq-answer-text-color: #555555;
  --ebmnt1-faq-intro-font-size: clamp(0.95rem, 0.9rem + 0.2vw, 1.05rem);
  --ebmnt1-faq-intro-text-color: #555555;
}

.ebmnt1-faq__inner {
  background-color: var(--ebmnt1-faq-inner-bg-color);
}

.ebmnt1-faq__layout {
  width: 100%;
  max-width: 60rem;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: var(--ebmnt1-faq-layout-gap);
  text-align: start;
}

.ebmnt1-faq__column {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 1.5em;
}

.ebmnt1-faq__list {
  display: flex;
  flex-direction: column;
  gap: 0.8em;
}

.ebmnt1-faq__item {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  background-color: var(--ebmnt1-faq-item-bg-color);
  border-radius: var(--ebmnt1-faq-item-radius);
  transition: background-color 0.3s ease;
}

.ebmnt1-faq__item.ebmnt1-is-open {
  background-color: var(--ebmnt1-faq-item-open-bg-color);
}

.ebmnt1-faq__question {
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  gap: 1em;
  min-height: 3.4rem;
  padding: 0.5em 1em;
  font-family: var(--ebmnt1-heading-font-family);
  font-size: var(--ebmnt1-faq-question-font-size);
  font-weight: 800;
  text-align: start;
  color: var(--ebmnt1-faq-question-text-color);
}

.ebmnt1-faq__icon {
  color: var(--ebmnt1-faq-question-icon-color);
  transition: transform 0.3s ease;
}

.ebmnt1-faq__item.ebmnt1-is-open .ebmnt1-faq__icon {
  transform: rotate(180deg);
}

.ebmnt1-faq__answer {
  display: grid;
  grid-template-rows: 0fr;
  transition: grid-template-rows 0.4s ease;
}

.ebmnt1-faq__item.ebmnt1-is-open .ebmnt1-faq__answer {
  grid-template-rows: 1fr;
}

.ebmnt1-faq__answer-inner {
  overflow: hidden;
  background-color: var(--ebmnt1-faq-answer-bg-color);
}

.ebmnt1-faq__answer-text {
  padding: 1em;
  font-size: var(--ebmnt1-faq-answer-font-size);
  color: var(--ebmnt1-faq-answer-text-color);
}

.ebmnt1-faq__intro {
  font-size: var(--ebmnt1-faq-intro-font-size);
  color: var(--ebmnt1-faq-intro-text-color);
}