/* =====================
   GRILLE / MASONRY
===================== */

/* Conteneur Masonry */
.ap-masonry-grid {
    display: flex;        /* Flexbox pour Masonry */
    flex-wrap: wrap;
    gap: 20px;            /* Peut être remplacé dynamiquement via JS */
    margin: 0 auto;
}

/* Éléments de la grille */
.ap-creation-item {
    width: 300px;
    margin-bottom: 20px;
    overflow: hidden;
    /* border-radius: 8px; */
}

/* Images */
.ap-creation-item img {
    width: 100%;
    height: auto;
    display: block;
    min-height: 75px;     /* IMPORTANT pour éviter Masonry "undefined top" */
    object-fit: cover;
    transition: transform 0.3s ease;
}

/* Hover sur l’image seulement si elle est cliquable/lightbox */
.ap-creation-item a.ap-lightbox:hover img {
    transform: scale(1.05);
}

/* RESPONSIVE */
@media (max-width: 980px) {
    .ap-creation-item {
        width: calc(50% - 10px);
    }
}

@media (max-width: 767px) {
    .ap-creation-item {
        width: 100%;
    }
}