/* VL-003: sitewide [gallery] look (content galleries on the legacy service pages + any post).
   Square, evenly sized tiles in a CSS grid, WP's clear-both <br>s hidden (they'd become phantom
   grid cells), captions kept. Template galleries (.vl-gallery) have their own, more specific rules
   in city-landing.css and are unaffected. Prefixed with #main so the phx `#main <el>` rules lose. */
#main .gallery, .gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:1em 0 1.5em;}
#main .gallery-columns-1, .gallery-columns-1{grid-template-columns:1fr;}
#main .gallery-columns-2, .gallery-columns-2{grid-template-columns:repeat(2,1fr);}
#main .gallery-columns-4, .gallery-columns-4{grid-template-columns:repeat(4,1fr);}
#main .gallery-columns-5, .gallery-columns-5{grid-template-columns:repeat(5,1fr);}
#main .gallery-columns-6, .gallery-columns-6{grid-template-columns:repeat(6,1fr);}
#main .gallery br, .gallery br{display:none;}
#main .gallery .gallery-item, .gallery .gallery-item{margin:0!important;width:auto!important;float:none!important;}
#main .gallery .gallery-icon, .gallery .gallery-icon{margin:0;}
#main .gallery .gallery-icon a, .gallery .gallery-icon a{display:block;}
#main .gallery .gallery-icon img, .gallery .gallery-icon img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:cover;border-radius:8px;}
#main .gallery .gallery-caption, .gallery .gallery-caption{margin:6px 0 0;font-size:13px;line-height:1.3;color:#5f6b5a;text-align:center;}
@media (max-width:640px){
  #main .gallery, .gallery, #main .gallery-columns-4, .gallery-columns-4, #main .gallery-columns-5, .gallery-columns-5, #main .gallery-columns-6, .gallery-columns-6{grid-template-columns:repeat(2,1fr);gap:8px;}
}