/* ============================================================
 * ESSIKNETWORK — Widget FAQ (accordéon animé).
 * Variables : essik-design-tokens.css. Dark mode auto.
 * ============================================================ */
.essik-faq-list { display: flex; flex-direction: column; gap: .75rem; }
.essik-faq-item {
  background: var(--essik-bg-muted);
  border: 1px solid var(--essik-border);
  border-radius: var(--essik-radius);
  overflow: hidden;
  transition: background var(--essik-speed) var(--essik-ease), border-color var(--essik-speed) var(--essik-ease), box-shadow var(--essik-speed) var(--essik-ease);
}
.essik-faq-item.is-open { background: var(--essik-bg); border-color: var(--essik-primary); box-shadow: var(--essik-shadow-card); }
.essik-faq-btn {
  display: flex; align-items: center; justify-content: space-between; gap: 1rem;
  width: 100%; padding: 1.1rem 1.25rem; border: 0; background: transparent;
  cursor: pointer; text-align: left; font-family: inherit;
}
.essik-faq-q { font-size: .92rem; font-weight: 800; color: var(--essik-text-strong); line-height: 1.4; }
.essik-faq-item.is-open .essik-faq-q { color: var(--essik-primary); }
.essik-faq-ic { flex: none; display: inline-flex; color: var(--essik-primary); transition: transform .25s var(--essik-ease); }
.essik-faq-item.is-open .essik-faq-ic { transform: rotate(180deg); }
.essik-faq-btn:focus-visible { outline: 2px solid var(--essik-primary); outline-offset: -2px; }
.essik-faq-panel { display: grid; grid-template-rows: 0fr; transition: grid-template-rows .3s var(--essik-ease); }
.essik-faq-item.is-open .essik-faq-panel { grid-template-rows: 1fr; }
.essik-faq-a {
  overflow: hidden; min-height: 0;
  font-size: .88rem; color: var(--essik-muted); line-height: 1.65;
}
.essik-faq-a > :first-child { margin-top: 0; }
.essik-faq-item.is-open .essik-faq-a { padding: 0 1.25rem 1.25rem; }
.essik-faq-a a { color: var(--essik-primary); }
@media (prefers-reduced-motion: reduce) {
  .essik-faq-panel, .essik-faq-ic { transition: none; }
}