.planetewp-faq__item {
    margin-bottom: 1em;
}

.planetewp-faq__question {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    width: 100%;
    cursor: pointer;
    list-style: none;
    font-size: 1.3em;
    transition: .2s;
}

.planetewp-faq__question:hover {
    color: #404040;
    transition: .3s;
}

/* Supprime le marker natif */
.planetewp-faq__question::marker{ content: ""; }
.planetewp-faq__question::-webkit-details-marker{ display:none; }

/* Chevron custom : par défaut il pointe à droite */
.planetewp-faq__question::after{
  content: "";
  flex: 0 0 auto;
  width: 22px;
  height: 22px;

  background: currentColor;

  /* Un chevron "down" qu'on tourne -90deg pour obtenir "right" */
  -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%3E%3Cpath%20d='M6%209l6%206l6-6'%20fill='none'%20stroke='%23000'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center / contain;
  mask: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%3E%3Cpath%20d='M6%209l6%206l6-6'%20fill='none'%20stroke='%23000'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center / contain;

  transform: rotate(-90deg);           /* fermé => droite */
  transition: transform .2s ease;
  transform-origin: 50% 50%;
}

/* Ouvert => on le met à 0deg (= down) = rotation de 90° depuis l'état fermé */
.planetewp-faq__item[open] > .planetewp-faq__question::after{
  transform: rotate(0deg);
}

.planetewp-faq__answer {
    padding: 1em 1em 1em 0;
}