/* FENICE 3.4.24 — layout alternativi Instagram applicati in modo additivo. */

/*
 * Modalità 2 — Griglia visuale.
 * Mostra esclusivamente il contenuto visuale: nessuna data, caption o testo
 * sotto le tile. Il click sul media viene collegato via JS al post Instagram.
 */
.fenice-instagram-layout--profile_grid .instagram-public .instagram-feed{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:2px!important;
    align-items:stretch!important;
}
.fenice-instagram-layout--profile_grid .instagram-public .instagram-post{
    position:relative!important;
    display:block!important;
    min-width:0!important;
    aspect-ratio:1/1!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
    background:#eee8e4!important;
    overflow:hidden!important;
}
/* Nasconde qualsiasi blocco testuale/direct child non-media, anche in view locali personalizzate. */
.fenice-instagram-layout--profile_grid .instagram-public .instagram-post > *{
    display:none!important;
}
.fenice-instagram-layout--profile_grid .instagram-public .instagram-post > .instagram-post__media,
.fenice-instagram-layout--profile_grid .instagram-public .instagram-post > .instagram-carousel{
    display:block!important;
    position:relative!important;
    width:100%!important;
    height:100%!important;
    max-height:none!important;
    margin:0!important;
    padding:0!important;
    overflow:hidden!important;
    background:#eee8e4!important;
}
/* Difesa aggiuntiva contro testo inserito dentro wrapper personalizzati. */
.fenice-instagram-layout--profile_grid .instagram-public .instagram-post__body,
.fenice-instagram-layout--profile_grid .instagram-public .instagram-post__text,
.fenice-instagram-layout--profile_grid .instagram-public .instagram-post time,
.fenice-instagram-layout--profile_grid .instagram-public .instagram-post__body p{
    display:none!important;
}
.fenice-instagram-layout--profile_grid .instagram-public .instagram-carousel__slide{
    display:none!important;
    position:relative!important;
    width:100%!important;
    height:100%!important;
    min-width:0!important;
    margin:0!important;
    padding:0!important;
}
.fenice-instagram-layout--profile_grid .instagram-public .instagram-carousel__slide:first-child{
    display:block!important;
}
.fenice-instagram-layout--profile_grid .instagram-public .instagram-post__media img,
.fenice-instagram-layout--profile_grid .instagram-public .instagram-carousel__slide img{
    display:block!important;
    width:100%!important;
    height:100%!important;
    max-height:none!important;
    margin:0!important;
    padding:0!important;
    object-fit:cover!important;
}
.fenice-instagram-layout--profile_grid .instagram-public .instagram-carousel__slide figcaption{
    display:none!important;
}
.fenice-instagram-layout--profile_grid .instagram-public .instagram-post__play{
    display:grid!important;
    left:auto!important;
    right:10px!important;
    top:10px!important;
    transform:none!important;
    width:30px!important;
    height:30px!important;
    border-radius:8px!important;
    padding:0 0 0 2px!important;
    font-size:14px!important;
    background:rgba(0,0,0,.48)!important;
}
.fenice-instagram-layout--profile_grid .instagram-public .fenice-instagram-grid-link{
    cursor:pointer!important;
}
.fenice-instagram-layout--profile_grid .instagram-public .fenice-instagram-grid-link:focus-visible{
    outline:3px solid currentColor!important;
    outline-offset:-3px!important;
    z-index:2;
}
.fenice-instagram-layout--profile_grid .instagram-public .instagram-post.fenice-instagram-no-media{
    display:none!important;
}

/* Modalità 3 — Post affiancato: invariata rispetto alla 3.4.23. */
.fenice-instagram-layout--split_post .instagram-public .instagram-feed{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:var(--feed-gap,28px)!important;
}
.fenice-instagram-layout--split_post .instagram-public .instagram-post{
    display:grid!important;
    grid-template-columns:minmax(0,1.05fr) minmax(300px,.95fr)!important;
    align-items:stretch!important;
    min-width:0;
}
.fenice-instagram-layout--split_post .instagram-public .instagram-post__media,
.fenice-instagram-layout--split_post .instagram-public .instagram-carousel{
    min-width:0;
    height:var(--feed-media-height,760px)!important;
    max-height:var(--feed-media-height,760px)!important;
}
.fenice-instagram-layout--split_post .instagram-public .instagram-post__media img,
.fenice-instagram-layout--split_post .instagram-public .instagram-carousel__slide img{
    width:100%!important;
    height:100%!important;
    max-height:none!important;
    object-fit:var(--feed-image-fit,contain)!important;
}
.fenice-instagram-layout--split_post .instagram-public .instagram-post__body{
    min-width:0;
    max-height:var(--feed-media-height,760px)!important;
    overflow:auto;
    padding:28px!important;
}

@media(max-width:820px){
    .fenice-instagram-layout--split_post .instagram-public .instagram-post{
        grid-template-columns:1fr!important;
    }
    .fenice-instagram-layout--split_post .instagram-public .instagram-post__media,
    .fenice-instagram-layout--split_post .instagram-public .instagram-carousel{
        height:auto!important;
        max-height:none!important;
    }
    .fenice-instagram-layout--split_post .instagram-public .instagram-post__media img,
    .fenice-instagram-layout--split_post .instagram-public .instagram-carousel__slide img{
        height:auto!important;
        max-height:var(--feed-media-height,760px)!important;
    }
    .fenice-instagram-layout--split_post .instagram-public .instagram-post__body{
        max-height:none!important;
        overflow:visible;
        padding:20px!important;
    }
}
@media(max-width:560px){
    .fenice-instagram-layout--profile_grid .instagram-public .instagram-feed{gap:1px!important}
    .fenice-instagram-layout--profile_grid .instagram-public .instagram-post__play{right:6px!important;top:6px!important;width:26px!important;height:26px!important;font-size:12px!important}
}
