/* =========================================================================
   VooX — Feed (accueil seulement, chargée après voox.css) :
   - le fil prend la même largeur que le défilant des membres
     (gabarit .voox-container : 1300 px, marges de 20 px) ;
   - le titre de chaque vignette reste écrit sur l'image.
   Écarts, tuiles, couleurs, polices et rayons restent ceux de la charte.
   ========================================================================= */
.voox-feed-inner{max-width:1300px}
.voox-masonry{columns:4}

/* En dessous, on revient au nombre de colonnes de voox.css (2 dès 1024 px). */
@media (max-width:1200px){ .voox-masonry{columns:3} }
@media (max-width:1024px){ .voox-masonry{columns:2} }

/* Le titre de chaque vignette reste écrit sur l'image, en bas, sur un dégradé
   sombre (comme les noms du défilant). Au survol, on retrouve le voile complet
   de voox.css avec le titre au centre et les boutons. */
.voox-tile .caption{
  opacity:1;transform:none;justify-content:flex-end;
  background:linear-gradient(to top,rgba(0,0,0,.72) 0%,rgba(0,0,0,.3) 38%,transparent 62%);
  transition:background .35s;
}
.voox-tile .caption .title{font-size:16px;line-height:22px;text-shadow:0 2px 4px rgba(0,0,0,.6)}
.voox-tile .caption .buttons{display:none}
.voox-tile:hover .caption{justify-content:center;background:rgba(0,0,0,.7)}
.voox-tile:hover .caption .title{font-size:22px;line-height:30px}
.voox-tile:hover .caption .buttons{display:flex}
@media (max-width:768px){ .voox-tile .caption{padding:10px} .voox-tile .caption .title{font-size:13px;line-height:18px} }