/* =============================================================================
   LA LISTE DES NOTICES — /items/browse
   =============================================================================
   Chargee par la seule vue themes/eman/items/browse.php, et prefixee malgre
   tout par `.items.browse.item-list` : la vue de SolrSearch
   (addons/browse.php) porte aussi `items browse` et ne doit pas en etre
   touchee.

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

     #item-list__header          carte de tete : titre, total
     #item-list__criteria        les criteres de la recherche
     .eman-toolbar               tri a gauche, pagination a droite
     #item-list                  les notices, empilees
       .eman-list__card            une carte par notice
     .eman-pager--bottom         la pagination, repetee en bas
     .item-list__meta            les formats d'export, hors carte

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

   Une carte de tete qui nomme la page, une carte qui dit ce qu'on regarde,
   puis une carte a bandeau par notice, sur toute la largeur. Tout cela vient
   des composants communs (cards.css, page.css), comme la liste des
   collections : ne reste ici que ce qui est propre aux notices.

   Donnees : eman_items_browse_sheet(), plugins/Eman/helpers/sheets.php.
   ========================================================================== */


/* La collection parente, a cote de la collection filtree. */
.items.browse.item-list .item-list__parent {
  color: var(--eman-ombre);
}


/* !---------- Les formats d'export ------------------------------------------- */

/* Le theme fait de #outputs un bloc flottant a filet (style.css) : on le
   remet a plat sur une ligne. */
.items.browse.item-list .item-list__meta #outputs {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 0.25em 0.6em;
  float: none;
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 1em;
}

.items.browse.item-list .item-list__meta #outputs p,
.items.browse.item-list .item-list__meta #outputs ul {
  margin: 0;
  padding: 0;
}

.items.browse.item-list .item-list__meta #outputs li {
  display: inline;
}