/* Insta */
/* Kontajner: 3:4 na výšku (šírka : výška = 3 : 4) */
.instagram-widget .instagram-widget-item {
    position: relative;
    overflow: hidden;
    background: #292929;
    width: 100%;
    aspect-ratio: 3 / 4;
}

/* Linka vyplní celý rám */
.instagram-widget .instagram-widget-item > a {
    position: absolute;
    inset: 0;
    display: block;
}

/* Obrázok vyplní rám, centrovaný, bez posunu */
.instagram-widget .instagram-widget-item > a img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top center;

    /* prechody a jemný zoom */
    transition: transform 400ms ease-out, opacity 400ms ease-out;
    transform: scale(1);

    /* zrušenie starého správania */
    min-width: 0;
    min-height: 0;
    max-width: none;
}

/* Hover/focus: jemný zoom bez posunu */
.instagram-widget .instagram-widget-item:hover > a img,
.instagram-widget .instagram-widget-item:focus-within > a img {
    transform: scale(1.05);
}

/* Ak plugin núti štvorcový padding hack, prebijeme ho */
.instagram-widget .instagram-widget-item {
    padding-top: 0 !important;
    height: auto !important;
}

/* Fallback pre prehliadače bez aspect-ratio */
@supports not (aspect-ratio: 1) {
    .instagram-widget .instagram-widget-item::before {
        content: "";
        display: block;
        padding-top: 133.333%; /* 4:3 na výšku */
    }
    .instagram-widget .instagram-widget-item > a {
        position: absolute;
        inset: 0;
    }
}

/* Prístupnosť: menej pohybu, ak si to používateľ želá */
@media (prefers-reduced-motion: reduce) {
    .instagram-widget .instagram-widget-item > a img {
        transition: none;
        transform: none;
    }
}