/* =============================================================================
   LES PARTICIPANTS DU PROJET — /listpages
   =============================================================================
   Chargee par la seule vue plugins/Bookmarks/views/public/page/
   list-pages.php, et prefixee par `.participants.browse.participant-list`.

   Carte de tete et bloc viennent des composants communs du theme (cards.css,
   page.css) : ne reste ici que la liste.

   -- La page en un coup d'oeil -----------------------------------------------

     #participant-list__header      carte de tete : titre, total
     #participant-list__people      une carte : la liste des participants
       .participant-list__person      un participant : nom, role, bio

   -- Le principe -------------------------------------------------------------

   Une liste courte qui se lit d'un trait : une seule carte, un participant
   par ligne, separes par un filet discret. Le role suit le nom en texte
   secondaire.

   Donnees : Bookmarks_PageController::listPagesAction().
   ========================================================================== */


/* !---------- La liste ------------------------------------------------------- */

.participants.browse.participant-list .participant-list__list {
  margin: 0;
  padding: 0;
  list-style: none;
}

/* Un participant par ligne : le nom, puis le role qui passe a la ligne si la
   place manque. */
.participants.browse.participant-list .participant-list__person {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 0.25em 0.75em;
  margin: 0;
  padding: 0.45em 0;
  line-height: 1.45;
  border-top: 1px solid var(--eman-filet);
}

.participants.browse.participant-list .participant-list__person:first-child {
  padding-top: 0;
  border-top: 0;
}

.participants.browse.participant-list .participant-list__person:last-child {
  padding-bottom: 0;
}

.participants.browse.participant-list .participant-list__role,
.participants.browse.participant-list .participant-list__empty {
  font-size: 0.9em;
  color: var(--eman-ombre);
}

.participants.browse.participant-list .participant-list__empty {
  margin: 0;
}

/* La bio prend sa propre ligne, sous le nom. */
.participants.browse.participant-list .participant-list__bio {
  flex: 1 1 100%;
  min-width: 0;
  font-size: 0.9em;
  overflow-wrap: break-word;
}

.participants.browse.participant-list .participant-list__bio p {
  margin: 0 0 0.3em;
}

.participants.browse.participant-list .participant-list__bio p:last-child {
  margin-bottom: 0;
}