.field.field--name-field-benevolat article.entity-type--volunteering-need {
  padding: 1em;
  margin: 1em 0;
}

/* mentions inutile car on ne peut pas afficher les prénoms pour des raisons de droits d'accès
.field.field--name-field-benevolat article.entity-type--volunteering-need .entity-type--volunteering-need.field.field--name-volunteers .field__items .field__item {
  display: inline;
}
.field.field--name-field-benevolat article.entity-type--volunteering-need .entity-type--volunteering-need.field.field--name-volunteers .field__items .field__item:not(:last-child):after {
  content: ', ';
} */
article.entity-type--volunteering-mission .field.field--name-label {
  font-size: large;
  font-weight: bold;
}



/**
 * Planning bénévolat
 **/

.view.view-planning-benevolat, .view-content {
  gap: 0!important;
}
.view.view-planning-benevolat h3 {
  margin-block: var(--sp1)!important;
}
.view.view-planning-benevolat article.entity-type--volunteering-need {
  padding-bottom: .5em;
  margin: 1em 0;
}
.view.view-planning-benevolat.view-display-id-page_public li:not(:last-child) article.entity-type--volunteering-need {
  border-bottom: solid darkgray 2px;
}
.view.view-planning-benevolat ul {
  list-style-type: none;
}
.view.view-planning-benevolat summary {
  padding-block: 0.75rem;
}

/* Affichage grille pour la vue publique */
.view.view-planning-benevolat.view-display-id-page_public article.entity-type--volunteering-need {
  display: grid;
  grid-template-columns: minmax(10rem,2fr) minmax(5rem,1fr);
  grid-gap: 0 1rem;
}
.view.view-planning-benevolat.view-display-id-page_public article.entity-type--volunteering-need .field {
  grid-column: 1/3;
}
.view.view-planning-benevolat.view-display-id-page_public article.entity-type--volunteering-need .field.field--name-mission {
  grid-column: 1/2; 
}
/* Ca c'était avant le conteneur pour les noms des bénévoles
.view.view-planning-benevolat.view-display-id-page_public article.entity-type--volunteering-need .field.field--name-offer-form { */
.view.view-planning-benevolat.view-display-id-page_public article.entity-type--volunteering-need .croc-offer-group {
  grid-row-start: 1;
  grid-column-start: 2;
}
/* Fin mentions spécifiques grille pour la vue publique */

/* NB: pas spécifique à la vue */
article.entity-type--volunteering-need .field.field--name-field-benevoles-inscrits .field__item {
  display: inline;
}
article.entity-type--volunteering-need .field.field--name-field-benevoles-inscrits .field__item:not(:last-child):after {
  content: ',';
}

.view.view-planning-benevolat article.entity-type--volunteering-need.is-filled .field.field--name-offer-form {
  font-size: 80%;
  line-height: 100%;
  font-style: italic;
}

.view.view-planning-benevolat ul.volunteering-needs {
  border-left: solid lightgray 10px;
  margin-left: 0;
  padding-left: 1em;
}

.view.view.view-planning-benevolat .entity-type--volunteering-mission.field.field--name-description {
  font-size: 1rem;
  line-height: 1.5rem;
}
.view.view-planning-benevolat .field--name-volunteers .field__items {
  display: flex;
  gap: 1em;
  flex-wrap: wrap;
}

/* Mentions spécifiques vue CD */

.view.view-planning-benevolat.croc-volunteering-cd-recap article.entity-type--volunteering-need .field.field--name-mission,
.field.field--name-field-benevolat article.entity-type--volunteering-need .field.field--name-mission {
  font-weight: bold;
  font-size: large;
}
.view.view-planning-benevolat.croc-volunteering-cd-recap article.entity-type--volunteering-need.is-vacant,
.field.field--name-field-benevolat article.entity-type--volunteering-need.is-vacant {
  border-left: solid red 10px;
  padding-left: 1em;
}
.view.view-planning-benevolat.croc-volunteering-cd-recap article.entity-type--volunteering-need.is-filled,
.field.field--name-field-benevolat article.entity-type--volunteering-need.is-filled {
  border-left: solid green 10px;
  padding-left: 1em;
}
.view.view-planning-benevolat.croc-volunteering-cd-recap ul.volunteering-needs {
  border-color: orange;
}
.view.view-planning-benevolat.croc-volunteering-cd-recap ul.volunteering-needs:not(:has(.is-filled)) {
  border-color: red;
}
.view.view-planning-benevolat.croc-volunteering-cd-recap ul.volunteering-needs:not(:has(.is-vacant)) {
  border-color: green;
}

article.entity-type--volunteering-need.view-mode--pour-cd .field__items {
  display: flex;
  gap: 1em;
  flex-flow: wrap;
}

article.entity-type--volunteering-need.view-mode--pour-cd .field.field--name-volunteers .field__item  {
  border: solid lightgray 1px;
  padding: 0.5em 1em;
  border-radius: 5px;
}
.view.view-planning-benevolat.croc-volunteering-cd-recap .volunteer .nomatch {
  font-weight: bold;
  color: red;
}


/**
 * Page rappel bénévolat
 **/

.croc-volunteering-reminder .entity-type--commerce-product-variation.field.field--name-field-date {
  font-size: 250%;
  line-height: 200%;
  font-weight: bold;
  color: darkred;
}
.croc-volunteering-reminder .field-fake-webform {
  display: none;
}


/**
 * Page vue missions
 */
.view-id-missions.view-display-id-page_missions .views-view-responsive-grid__item {
  padding: 0.5em;
  border: solid lightgray 1px;
  border-radius: 5px;
}
.view-id-missions.view-display-id-page_missions .views-view-responsive-grid__item h2 {
  font-size: 1.25rem;
  line-height: 1.5rem;
  margin: 0.5rem 0;
  border-bottom: solid lightgray 1px;
  padding-bottom: 0.2em;
}

/**
 * Tooltip historique bénévolat
 */
 .tooltip .volunteering-history {
  font-size: 80%;
  line-height: 1.1rem;
}
.tooltip .volunteering-history .session {
  font-weight: bold;
}