/*
    Usa ID per avere priorità sulla classe .gallery-images definita nel CSS esterno.
    Manteniamo il layout a griglia specifico per questo shortcode.
*/
#gallery-random {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    gap: 1rem;
    margin: 2rem 0;
}

/*
    Eredita lo stile visuale (bordi, ombre, hover) da .gallery-images a,
    ma sovrascrive le dimensioni per garantire celle quadrate nella griglia.
*/
#gallery-random a {
    display: block;
    aspect-ratio: 1;
    height: auto;      /* Sovrascrive height: 200px di gallery.css */
    max-width: none;   /* Sovrascrive max-width: 300px di gallery.css */
    width: auto;
}

#gallery-random img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}