/* ================= FAQ ================= */

.faq-section{
  margin-top:40px;
}

.faq-intro{
  max-width:800px;
  margin:0 auto 60px;
  text-align:center;
  color:var(--text-soft);
  line-height:1.7;
}

.faq-container{
  max-width:900px;
  margin:0 auto;
}

/* Catégories */
.faq-container h3{
  color:var(--yellow);
  margin:50px 0 20px;
  text-align:center;
}

/* Item */
.faq-item{
  background:#1c1c1c;
  border-radius:14px;
  margin-bottom:16px;
  overflow:hidden;
  border-left:4px solid var(--yellow);
}

/* Question */
.faq-question{
  width:100%;
  background:none;
  border:none;
  color:var(--text);
  padding:18px 22px;
  font-size:15px;
  font-weight:600;
  text-align:left;
  cursor:pointer;

  display:flex;
  justify-content:space-between;
  align-items:center;
}

/* Icône */
.faq-icon{
  color:var(--yellow);
  font-size:20px;
  transition:transform .25s ease;
}

/* Réponse */
.faq-answer{
  max-height:0;
  overflow:hidden;
  padding:0 22px;
  color:var(--text-soft);
  font-size:14px;
  line-height:1.6;
  transition:max-height .35s ease, padding .25s ease;
}

.faq-item.open .faq-answer{
  max-height:400px;
  padding:14px 22px 22px;
}

.faq-item.open .faq-icon{
  transform:rotate(45deg);
}

/* Legal */
.faq-legal{
  margin-top:60px;
  text-align:center;
  color:var(--text-soft);
  font-size:14px;
}

/* Mobile */
@media(max-width:600px){
  .faq-question{
    font-size:14px;
  }
}