/* ================================

   Styles complets pour beauer-accordeon

   ================================ */

.beauer-accordeon {

  border-radius: 30px;

  overflow: hidden;

  background: #f5f3f0;

  font-family: 'Poppins', sans-serif;

}



.beauer-accordeon .beauer-accordion-item {

  border-bottom: 1px solid #e0e0e0;

  transition: background 0.3s ease;

}



.beauer-accordeon .beauer-accordion-item:last-child {

  border-bottom: none;

}



/* État fermé */

.beauer-accordeon .beauer-accordion-header {

  padding: 20px;

  background: #fcfbfa;

  cursor: pointer;

  transition: background 0.3s ease;

  display: flex;

  align-items: center;

  justify-content: space-between;

}



.beauer-accordeon .beauer-accordion-item.is-even .beauer-accordion-header {

  background: #f4f2ef;

}



.beauer-accordeon .beauer-accordion-header:hover {

  background: #e6e3df;

}



.beauer-accordeon .beauer-accordion-header h3 {

  margin: 0;

  font-size: 18px;

  font-weight: 600;

  color: #717171;

}



/* Corps caché */

.beauer-accordeon .beauer-accordion-body {

  max-height: 0;

  overflow: hidden;

  padding: 0 20px;

  background: #ffffff;

  transition: max-height 0.4s ease, padding 0.3s ease;

}





/* État actif / ouvert */

.beauer-accordeon .beauer-accordion-item.active .beauer-accordion-body {

  padding: 20px;

  max-height: 1000px; /* assez grand pour contenir */

}



.beauer-accordeon .beauer-accordion-item.active .beauer-accordion-header h3 {

  color: #3d3b3a;

}