/* ═══════════════════════════════════════════════════════════
   Studio by Maï — Albums sur téléphone : 2 colonnes en quinconce
   Chaque photo garde sa forme (rien n'est recadré), les colonnes se
   décalent. album-mobile.js range les photos dans les 2 colonnes en
   respectant l'ordre de l'admin. Chargée APRÈS le <style> de la page
   pour passer devant sa règle mobile « 1 photo par ligne ».
   ─────────────────────────────────────────────────────────── */
@media (max-width: 768px) {
  .gallery-grid.is-masonry,
  .masonry-grid.is-masonry {
    columns: auto;     /* gabarit des pays générés : on remplace ses colonnes CSS */
    display: flex !important;
    flex-direction: row !important;
    align-items: flex-start;
    gap: 5px !important;
    padding-left: 5px !important;
    padding-right: 5px !important;
  }
  .album-col {
    flex: 1 1 0;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 5px;
  }
  .album-col .gallery-item,
  .album-col .masonry-item {
    margin-bottom: 0;
    min-height: 0;     /* sinon une photo paysage serait étirée à 180 px */
    outline: none;
    background: transparent;
  }
  .album-col img { width: 100%; height: auto !important; }
}