div#webform-submission-participer-form-ajax-content label.form-check-label.form-label.option>div {
  margin-left: -20px;
}

div#webform-submission-participer-form-ajax-content summary.card-header {
  background-color: var(--beo-card-border-color);
  font-weight: 600;
}

div#webform-submission-participer-form-ajax-content label.form-check-label.form-label.option {
  width: 100%;
}

div#webform-submission-participer-form-ajax-content table.table {
  width: 100%;
  table-layout: auto; /* important */
}

td.views-field.views-field-field-nom-prenom.views-field-field-nombre-de-benevoles {
  border-bottom: none;
  white-space: nowrap; /* s’adapte au contenu sans retour ligne */
}
td.views-field.views-field-field-nom-prenom-1 {
  width: 100%; /* prend tout l’espace restant */
}
div#webform-submission-participer-form-ajax-content label.form-check-label.form-label.option span.views-field span.field-content {
  font-size: 1.1em
}
div#webform-submission-participer-form-ajax-content div.js-webform-type-checkbox.webform-type-checkbox {
  
  background-color: rgba(255, 255, 255, 0.3);
  margin: 5px;
  border-radius: var(--beo-card-border-radius);
}
div#webform-submission-participer-form-ajax-content div.webform-flex.webform-flex--1 div.js-form-wrapper {
  background-color: var(--beo-light);
  border-radius: var(--beo-card-border-radius);
}
div#webform-submission-participer-form-ajax-content div.js-webform-computed div.js-webform-computed-wrapper div.js-webform-type-item.webform-type-item.form-style-floating_labels.js-form-item.form-item.form-type-item.js-form-type-item {
 padding: 5px; 
 margin-bottom: 0 !important;
}
div#webform-submission-participer-form-ajax-content .form-check .form-check-input, .form-check .facets-checkbox {
  margin-left: -1.3em;
}
.views-field-field-nombre-de-benevoles {
  display: inline-block;
  padding: 4px 10px;
  border-radius: 20px;
  font-weight: 600;
  color: #fff;
}

.views-field-field-nombre-de-benevoles.ok {
  background: #28a745;
}

.views-field-field-nombre-de-benevoles.warning {
  background: #ffc107;
  color: #000;
}

.views-field-field-nombre-de-benevoles.full {
  background: #dc3545;
}