.accordion-item{
  background-color: var(--bs-gris) !important;
  border-radius: 4px !important;
}

.accordion-body {
  padding: 0rem 1rem;
}
.accordion{
  --bs-accordion-bg: var(--bs-gris) !important;
  --bs-border-color: transparent;
}
.accordion-button {
  background-color: transparent;
  color: inherit;
  box-shadow: none;
  padding: 0.5rem 1rem;
}

.accordion-button:not(.collapsed) {
  background-color: transparent;
  color: inherit;
  box-shadow: none;
}
.accordion-button:focus {
  box-shadow: none;
  outline: none;
}

/* Cacher l’icône flèche par défaut (Bootstrap 5) */
.accordion-button::after {
    content: '+';          
    font-size: 1.25rem;     
    font-weight: bold;         
    flex-shrink: 0;
    width: 1.25rem;
    height: 1.25rem;
    line-height: 1.25rem;
    text-align: center;
    border-radius: 50%;
    background: transparent;
}

/* Quand l’item est ouvert (pas .collapsed), afficher le signe moins */
.accordion-button:not(.collapsed)::after {
    content: '−';          
    background-image: none !important;
}