/* =========================================
= SOUS-COMPOSANT — PARUTIONS (.nl-parution-logo--*)
= Tout l'intérieur de la section « Parutions » : le libellé, la rangée et les
= logos. Le cadre, lui, est dans home-parution/home-parution.css.
= Markup : parution-logo.php · enqueue : inc-parution-logo.php
========================================= */

/* Libellé de section : même petite capitale que les libellés de manifeste. */
.nl-parution-logo--title {
  margin: 0 0 2.5rem;
  font-family: var(--SR);
  font-size: var(--text-xs);
  line-height: 1;
  text-transform: uppercase;
  letter-spacing: var(--ls-wide);
  color: var(--primary-60);
  text-align: center;
}

/* Rangée : les logos se suivent au centre et passent à la ligne quand il n'y a
   plus la place. Flex plutôt qu'une grille à colonnes égales : avec 3 ou 4
   parutions, des colonnes réparties sur toute la largeur les éloigneraient les
   unes des autres, chacune flottant au milieu de son vide. */
.nl-parution-logo--list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 2.5rem 4rem;
}

.nl-parution-logo {
  list-style: none;
  display: flex;
  align-items: center;
  justify-content: center;
}

.nl-parution-logo--inner {
  display: block;
  line-height: 0;   /* pas d'espace fantôme sous l'image */
  text-decoration: none;
}

/* Hauteur commune à tous les logos, largeur entièrement libre : chacun s'étale
   selon ses proportions. ⚠️ Un logo en bandeau (ratio 6) ressort donc beaucoup
   plus large qu'un logo carré (ratio 1,25) — c'est voulu, le plafond de largeur
   a été retiré en 1.2.282.
   Désaturés et atténués au repos, pleins au survol — ils accompagnent, ils ne
   crient pas, et aucune couleur de média ne vient concurrencer celles du site.
   Le retour à la couleur ne joue que sur un logo CLIQUABLE : sans lien, pas de
   survol, le logo reste en gris. */
.nl-parution-logo--img {
  display: block;
  height: 2.5rem;
  width: auto;
  object-fit: contain;
  filter: grayscale(1);
  opacity: 0.55;
  transition: opacity .35s cubic-bezier(.22, 1, .36, 1),
              filter  .35s cubic-bezier(.22, 1, .36, 1);
}
a.nl-parution-logo--inner:hover .nl-parution-logo--img,
a.nl-parution-logo--inner:focus-visible .nl-parution-logo--img {
  filter: grayscale(0);
  opacity: 1;
}

@media (max-width: 64rem) {
  .nl-parution-logo--title { margin-bottom: 2rem; }
  .nl-parution-logo--list { gap: 2rem 2.5rem; }
  .nl-parution-logo--img { height: 2rem; }
}

@media (prefers-reduced-motion: reduce) {
  .nl-parution-logo--img { transition: none; }
}