/* ===== FAQ Styled pour Maison Ludique ===== */
/* Container */
.faq {
  margin: 1.5rem 0;
  border-top: 1px solid #e0e0e0;
}

/* Chaque question/réponse */
.faq-item {
  padding: 1rem 0;
  border-bottom: 1px solid #e0e0e0;
}

/* Question */
.faq-question {
  font-size: 1.05rem;
  font-weight: 700;
  color: #333333; /* proche des titres sur ton site */
  cursor: pointer;
  margin: 0;
  position: relative;
  padding-right: 24px; /* espace pour icône */
}

/* Flèche d'ouverture */
.faq-question::after {
  content: "▾";
  font-size: 1rem;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  color: #888888;
  transition: transform 0.25s ease;
}

/* Question ouverte */
.faq-item.open .faq-question::after {
  transform: translateY(-50%) rotate(-180deg);
  color: #555555;
}

/* Réponse cachée / visible */
.faq-answer {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.25s ease, padding 0.25s ease;
  padding: 0;
  font-size: 0.96rem;
  color: #4a4a4a; /* gris de texte secondaire */
}

.faq-item.open .faq-answer {
  padding: 0.8rem 0;
  max-height: 1000px; /* assez grand pour tout le texte */
  line-height: 1.5;
}