/* ============================================================
   Partenariats & collaborations, accueil
   09/11/2026
   ------------------------------------------------------------
   Remplace css/sections-parallax.css, supprimee le meme jour.

   POURQUOI UN NOUVEAU FICHIER plutot qu'un elagage sur place :
   sections-parallax.css faisait 309 lignes dont 41 regles pour
   #presse, la section presse de l'accueil. Cette section est
   retiree (decision de Thomas, appel du 09/11). Il ne restait a
   sauver que le bandeau de logos partenaires, qui monte a sa
   place sous #partenaires. Garder le nom « sections-parallax »
   pour quatre regles de logos aurait menti sur son contenu, et
   le moteur de parallaxe qu'il annoncait etait deja mort : la
   table PLANS de js/sections-parallax.js etait vide depuis
   septembre.

   Regles rapatriees telles quelles depuis sections-parallax.css
   et css/mobile.css, simplement rescopees de #presse a
   #partenaires. Original : archive/avant-restructuration-20261109/

   Pour tout annuler : retirer le <link> d'index.html et
   supprimer ce fichier. La section redevient non stylee, elle ne
   casse rien.
   ============================================================ */

/* --- Les tuiles --------------------------------------------------------
   Les fichiers de logos portent leur propre fond clair. Plutot que de le
   masquer par un filtre, qui abime les logos fins comme Perrier-Jouet, on
   l'assume en tuile et on le fond au multiply.

   object-fit: contain, jamais cover : un logo recadre est un logo deforme,
   et ce sont des marques tierces. */
#partenaires .press-logos{
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(11rem, 1fr));
  gap: clamp(0.5rem, 1.2vw, 1rem);
  list-style: none;
  margin: clamp(1.5rem, 3vw, 2.5rem) 0 0;
  padding: 0;
}

#partenaires .press-logos li{
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  /* Rembourrage reduit le 16/09 : c'est lui qui bridait la taille des
     logos, la largeur de tuile disponible etant la vraie contrainte. */
  padding: clamp(0.6rem, 1.2vw, 1rem);
  border-radius: 0.4rem;
  background: rgba(240, 234, 223, 0.94);
  opacity: 0.78;
  transition: opacity 0.35s var(--ease);
}

/* Hauteur genereuse, largeur libre. Avec une hauteur figee et contain,
   chaque logo se reduisait selon SON rapport de forme : Rova et Origine,
   presque carres, tombaient a une miniature ou leur lettrage fin
   disparaissait. */
#partenaires .press-logos img{
  display: block;
  inline-size: auto;
  max-inline-size: 100%;
  block-size: clamp(4rem, 7vw, 6rem);
  object-fit: contain;
  mix-blend-mode: multiply;
}

@media (hover: hover){
  #partenaires .press-logos li:hover{ opacity: 1; }
}

#partenaires .home-text-link{
  margin-block-start: clamp(1.75rem, 3.5vw, 2.75rem);
}


/* --- Telephone : bande horizontale -------------------------------------
   Mesure du 20/09 : en colonne unique, les quatre marques empilees faisaient
   365px de haut. En bande horizontale elles tiennent sur une ligne, et c'est
   le geste qu'on fait naturellement au pouce.

   scroll-snap : sans lui, la bande s'arrete entre deux logos et on ne sait
   plus lequel on regarde. Aucun JavaScript, c'est le navigateur qui cale. */
@media (max-width: 720px){
  #partenaires .press-logos{
    display: flex;
    grid-template-columns: none;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    /* La bande part du bord de l'ecran et non de la gouttiere : c'est ce
       qui montre qu'il y a quelque chose a faire glisser. */
    margin-inline: -1.25rem;
    padding-inline: 1.25rem;
    gap: 0.6rem;
    /* Barre de defilement masquee : elle ferait un trait gris sous une
       rangee de marques. L'accrochage suffit a dire que ca glisse. */
    scrollbar-width: none;
  }

  #partenaires .press-logos::-webkit-scrollbar{ display: none; }

  #partenaires .press-logos li{
    flex: 0 0 auto;
    inline-size: 42%;
    scroll-snap-align: start;
    opacity: 1;
  }

  /* Le voile s'en va : regle du 20/09, le multiply avait ete pense pour un
     fond sombre et assombrissait le logo lui-meme. */
  #partenaires .press-logos img{
    mix-blend-mode: normal;
    opacity: 1;
  }
}