/*
gallery-definitive-fix.css
Fix definitivo per fotografie.html — Appesi a un filo

Questo file neutralizza il problema della galleria invisibile al caricamento.
Va caricato DOPO styles.css.
*/

/* La griglia NON deve dipendere dall'animazione reveal */
.photo-masonry,
.photo-masonry.reveal,
section.photo-masonry,
section.photo-masonry.reveal {
  opacity: 1 !important;
  visibility: visible !important;
  transform: none !important;
}

/* Anche la sezione filtri deve essere subito visibile */
.gallery-tools,
.gallery-tools.reveal {
  opacity: 1 !important;
  visibility: visible !important;
  transform: none !important;
}

/* Le foto visibili devono rimanere nel layout */
.photo-masonry .gallery-item {
  visibility: visible !important;
}

/* Stato normale: foto visibile */
.photo-masonry .gallery-item:not(.hidden) {
  display: block !important;
  opacity: 1 !important;
  transform: none !important;
  pointer-events: auto !important;
  position: relative !important;
}

/* Stato filtrato: foto nascosta davvero, senza lasciare buchi */
.photo-masonry .gallery-item.hidden {
  display: none !important;
  opacity: 0 !important;
  pointer-events: none !important;
  position: static !important;
}

/* Le immagini non devono restare trasparenti */
.photo-masonry .gallery-item img {
  opacity: 1 !important;
  visibility: visible !important;
  display: block !important;
}

/* Su mobile evitiamo content-visibility sulla galleria:
   può ritardare il rendering in alcuni browser quando è combinato con filtri JS. */
.photo-masonry .gallery-item {
  content-visibility: visible !important;
  contain-intrinsic-size: auto !important;
}