/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Oct 28 2025 | 11:51:52 */
@media (max-width: 480px) {
  
  /* 1. Imposta il contenitore principale in modalità Flexbox */
  .ngg-galleryoverview.default-view {
    display: flex;
    flex-wrap: wrap;
    margin: 0 !important; /* Azzera margini del contenitore */
  }

  /* 2. Imposta la larghezza di ogni box a 1/3 e azzera i suoi spazi */
  .ngg-gallery-thumbnail-box {
    width: 33.3333% !important;
    max-width: 33.3333% !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box; /* Fondamentale per non sballare il layout */
    float: none !important; /* Sovrascrive il float di NGG */
  }

  /* 3. Azzera gli stili del contenitore interno, MA aggiungi un padding per il "bordo" */
  .ngg-galleryoverview.default-view .ngg-gallery-thumbnail {
    margin: 0 !important;
    padding: 1px !important; /* Questo crea il "bordo" da 1px */
    border: none !important; /* Rimuove il bordo grigio predefinito di NGG */
    background-color: black !important; /* Sfondo nero per il bordo */
    box-sizing: border-box; /* Mantiene la larghezza calcolata correttamente */
  }

  /* 4. Rendi il link il "contenitore verticale" interno (3:4) con sfondo bianco */
  .ngg-galleryoverview.default-view .ngg-gallery-thumbnail a {
    display: block;
    margin: 0 !important;
    padding: 0 !important;
    aspect-ratio: 3 / 4; /* ⭐ CAMBIATO: Larghezza:Altezza, quindi 3:4 è verticale */
    overflow: hidden; /* Nasconde le parti dell'immagine che escono */
    background-color: white !important; /* Questo assicura che l'immagine sia su uno sfondo bianco */
  }

  /* 5. Adatta l'immagine per riempire il contenitore verticale */
  .ngg-galleryoverview.default-view .ngg-gallery-thumbnail img {
    width: 100% !important;
    height: 100% !important; /* Forza l'immagine a riempire l'altezza */
    object-fit: cover; /* "Copre" l'area, tagliando l'eccesso per riempire */
    margin: 0 !important;
    padding: 0 !important;
    position: static;
  }
}