/**
 * Gallery Masonry Three Columns
 * Forza 3 colonne uniformi mantenendo il rapporto originale delle immagini
 */

/* Applica solo alla pagina gallery (ID 1597) */
.page-id-1597 .qodef-portfolio-masonry-carousel.qodef-layout--columns {
    /* Forza 3 colonne uniformi */
    --gallery-columns: 3;
}

.page-id-1597 .qodef-portfolio-masonry-carousel.qodef-layout--columns .qodef-grid-inner {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 0 !important;
    margin: 0 !important;
}

.page-id-1597 .qodef-portfolio-masonry-carousel.qodef-layout--columns .qodef-grid-item {
    width: 100% !important;
    padding: 5px !important;
    margin: 0 !important;
}

/* Rimuovi gli stili che impongono rapporti standard */
.page-id-1597 .qodef-portfolio-masonry-carousel .qodef-e.qodef-pmc-item-large,
.page-id-1597 .qodef-portfolio-masonry-carousel .qodef-e.qodef-pmc-item-small,
.page-id-1597 .qodef-portfolio-masonry-carousel .qodef-e.qodef-pmc-item-portrait {
    padding-top: 0 !important;
    height: auto !important;
}

/* Mantieni il rapporto originale delle immagini */
.page-id-1597 .qodef-portfolio-masonry-carousel .qodef-e-inner {
    position: relative;
    width: 100%;
}

.page-id-1597 .qodef-portfolio-masonry-carousel .qodef-e-image {
    width: 100% !important;
    max-width: 100% !important;
}

.page-id-1597 .qodef-portfolio-masonry-carousel .qodef-e-media-image {
    width: 100% !important;
    position: relative;
}

.page-id-1597 .qodef-portfolio-masonry-carousel .qodef-e-media-image a {
    display: block;
    width: 100%;
}

.page-id-1597 .qodef-portfolio-masonry-carousel .qodef-e-media-image img {
    width: 100% !important;
    height: auto !important;
    max-width: 100% !important;
    display: block;
    object-fit: contain; /* Mantiene il rapporto originale senza tagli */
}

/* Rimuovi il background image che potrebbe interferire */
.page-id-1597 .qodef-portfolio-masonry-carousel .qodef-pmc-item-background {
    display: none !important;
}

/* Responsive: 2 colonne su tablet */
@media (max-width: 1024px) {
    .page-id-1597 .qodef-portfolio-masonry-carousel.qodef-layout--columns .qodef-grid-inner {
        grid-template-columns: repeat(2, 1fr) !important;
    }
}

/* Responsive: 1 colonna su mobile */
@media (max-width: 768px) {
    .page-id-1597 .qodef-portfolio-masonry-carousel.qodef-layout--columns .qodef-grid-inner {
        grid-template-columns: 1fr !important;
    }
}