.lyode-faq-accordion { width: 100%; }
.lyode-faq-item { border-bottom: 1px solid rgba(0,0,0,.1); padding: .5rem 0; }
.lyode-faq-q { cursor: pointer; font-weight: 600; list-style: none; }
.lyode-faq-q::-webkit-details-marker { display:none; }
.lyode-faq-q-text { display:inline-block; }
.lyode-faq-a { margin-top: .5rem; }
details[open] > summary.lyode-faq-q { color: inherit; }

/* Icône +/– à droite du titre */
.lyode-faq-q {
    position: relative;
    cursor: pointer;
    font-weight: 600;
    padding-right: 32px; /* espace pour l’icône */
    list-style: none;
  }
  .lyode-faq-q::-webkit-details-marker { display:none; }
  
  .lyode-faq-q::after {
    content: '+';
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    font-weight: 700;
    line-height: 1;
  }
  
  /* Quand l’item est ouvert (classe JS) */
  .lyode-faq-item.is-open > summary.lyode-faq-q::after {
    content: '–'; /* tiret demi-cadratin = “–” */
  }
  
  /* base existante, garde */
  .lyode-faq-accordion { width: 100%; }
  .lyode-faq-item { border-bottom: 1px solid rgba(0,0,0,.1); padding: .5rem 0; }
  .lyode-faq-a { margin-top: .5rem; }

  /* Conteneur réponse : on garde display:block pour une mesure fluide */
.lyode-faq-a {
    height: 0;            /* fermé par défaut */
    overflow: hidden;     /* masque pendant l'anim */
    margin-top: .5rem;
  }
  
  /* état ouvert (le JS force une height explicite → pas de "auto") */
  .lyode-faq-item.is-open .lyode-faq-a {
    /* rien ici : la height est pilotée en JS */
  }