/* ==========================================================================
   Kamai Event — Section « Questions fréquentes » (#faq).
   Accordéon natif <details>/<summary> (aucun JS), placée avant le devis pour
   lever les dernières questions juste avant le CTA. Dépend de css/tokens.css.
   ========================================================================== */
.faq{
  background:var(--ivory); padding:7rem 1.8rem;
  border-top:1px solid rgba(197,165,114,.18);
}
.faq__inner{ max-width:820px; margin:0 auto; }

/* ---- En-tête ---- */
.faq__head{ max-width:640px; margin:0 auto 3.2rem; text-align:center; }
.faq .eyebrow{
  font-family:var(--sans); font-size:.72rem; letter-spacing:.34em;
  text-transform:uppercase; color:var(--ink-soft); margin-bottom:1.1rem;
}
.faq h2{
  font-family:var(--serif); font-weight:500; line-height:1.06;
  font-size:clamp(2rem,4vw,3rem); color:var(--ink); margin:0;
}

/* ---- Accordéon ---- */
.faq__item{ border-bottom:1px solid rgba(10,10,10,.10); }
.faq__item summary{
  list-style:none; cursor:pointer; position:relative;
  padding:1.45rem 2.6rem 1.45rem 0;
  font-family:var(--serif); font-weight:600; font-size:1.18rem;
  color:var(--ink); transition:color .25s ease;
}
.faq__item summary::-webkit-details-marker{ display:none; }
.faq__item summary:hover{ color:var(--taupe); }
.faq__item summary::after{
  content:"+"; position:absolute; right:.1rem; top:50%; transform:translateY(-50%);
  font-family:var(--sans); font-weight:300; font-size:1.6rem; line-height:1;
  color:var(--gold); transition:transform .3s ease;
}
.faq__item[open] summary::after{ content:"−"; }
.faq__item summary:focus-visible{ outline:2px solid var(--gold); outline-offset:4px; }
.faq__answer{
  margin:0; padding:0 0 1.5rem; max-width:92%;
  font-family:var(--sans); font-weight:300; font-size:.98rem;
  line-height:1.7; color:var(--ink-soft);
}
.faq__answer a{
  color:var(--taupe); text-decoration:underline; text-underline-offset:3px;
  transition:color .2s ease;
}
.faq__answer a:hover{ color:var(--gold); }

@media (max-width:860px){
  .faq{ padding:4.5rem 1.4rem; }
  .faq__item summary{ font-size:1.08rem; }
  .faq__answer{ max-width:100%; }
}