/**
 * Layout gallerie TRAKS sul markup NATIVO del blocco core/gallery
 * (.wp-block-gallery). Caricata sul sito E nell'editor (anteprima).
 * !important perché il blocco impone il proprio layout con priorità alta.
 * Colori hardcoded (l'editor non ha le variabili del tema).
 *
 * Quattro caratteri distinti:
 *   Griglia   → quadrati uniformi, ritagliati
 *   Mosaico   → tessere miste (foto grandi + piccole che si incastrano)
 *   Masonry   → colonne verticali, foto NON ritagliate, altezze diverse
 *   Carosello → striscia orizzontale scorrevole
 */

.wp-block-gallery[class*="is-style-traks-"] .wp-block-image{margin:0 !important;}
.wp-block-gallery[class*="is-style-traks-"] .wp-block-image figcaption{display:none !important;}
.wp-block-gallery[class*="is-style-traks-"] .wp-block-image img{cursor:zoom-in;}

/* ── Griglia: quadrati uniformi ── */
.wp-block-gallery.is-style-traks-griglia{display:grid !important;grid-template-columns:repeat(auto-fill,minmax(150px,1fr)) !important;gap:6px !important;}
.wp-block-gallery.is-style-traks-griglia .wp-block-image{width:auto !important;aspect-ratio:1;overflow:hidden;}
.wp-block-gallery.is-style-traks-griglia .wp-block-image img{width:100% !important;height:100% !important;object-fit:cover;}

/* ── Mosaico: tessere miste (grandi + piccole) ── */
.wp-block-gallery.is-style-traks-mosaico{display:grid !important;grid-template-columns:repeat(4,1fr) !important;grid-auto-rows:150px;grid-auto-flow:dense;gap:6px !important;}
.wp-block-gallery.is-style-traks-mosaico .wp-block-image{position:relative;width:auto !important;height:auto !important;overflow:hidden;}
.wp-block-gallery.is-style-traks-mosaico .wp-block-image img{position:absolute;inset:0;width:100% !important;height:100% !important;object-fit:cover;}
.wp-block-gallery.is-style-traks-mosaico .wp-block-image:nth-child(7n+1){grid-column:span 2;grid-row:span 2;}
.wp-block-gallery.is-style-traks-mosaico .wp-block-image:nth-child(7n+4){grid-column:span 2;}
.wp-block-gallery.is-style-traks-mosaico .wp-block-image:nth-child(7n+6){grid-row:span 2;}

/* ── Masonry: colonne verticali, non ritagliate ── */
.wp-block-gallery.is-style-traks-masonry{display:block !important;column-count:4;column-gap:6px;}
.wp-block-gallery.is-style-traks-masonry .wp-block-image{display:block !important;width:100% !important;margin:0 0 6px !important;break-inside:avoid;}
.wp-block-gallery.is-style-traks-masonry .wp-block-image img{width:100% !important;height:auto !important;display:block;}

/* ── Carosello: striscia orizzontale scorrevole ── */
.wp-block-gallery.is-style-traks-carosello{display:flex !important;flex-wrap:nowrap !important;overflow-x:auto;gap:8px !important;scroll-snap-type:x mandatory;padding-bottom:10px;}
.wp-block-gallery.is-style-traks-carosello .wp-block-image{flex:0 0 auto !important;width:auto !important;height:340px;overflow:hidden;scroll-snap-align:start;}
.wp-block-gallery.is-style-traks-carosello .wp-block-image img{height:100% !important;width:auto !important;display:block;}

@media(max-width:900px){
  .wp-block-gallery.is-style-traks-masonry{column-count:3;}
}
@media(max-width:560px){
  .wp-block-gallery.is-style-traks-masonry{column-count:2;}
  .wp-block-gallery.is-style-traks-griglia{grid-template-columns:repeat(auto-fill,minmax(110px,1fr)) !important;}
  .wp-block-gallery.is-style-traks-mosaico{grid-template-columns:repeat(2,1fr) !important;grid-auto-rows:120px;}
  .wp-block-gallery.is-style-traks-carosello .wp-block-image{height:240px;}
}