/* SET DEFAULT VALUES */
.wp-block-gallery-carousel{
    --nea-block-gallery-carousel--image-default-height: 50vh;
}

/* image proportions */
.wp-block-gallery-carousel[data-image_proportion="square"]{--nea-block-gallery-carousel--image-aspect-ratio: var(--nea-block-gallery-carousel--image-aspect-ratio-square,1);}
.wp-block-gallery-carousel[data-image_proportion="portrait"]{--nea-block-gallery-carousel--image-aspect-ratio:  var(--nea-block-gallery-carousel--image-aspect-ratio-portrait,1/1.6);}
.wp-block-gallery-carousel[data-image_proportion="landscape"]{--nea-block-gallery-carousel--image-aspect-ratio:  var(--nea-block-gallery-carousel--image-aspect-ratio-landscape,1.6/1);}

/* carousel height */
.wp-block-gallery-carousel[data-height="small"]{--nea-block-gallery-carousel--image-height: 240px;}
.wp-block-gallery-carousel[data-height="medium"]{--nea-block-gallery-carousel--image-height: 340px;}
.wp-block-gallery-carousel[data-height="large"]{--nea-block-gallery-carousel--image-height: 440px;}
.wp-block-gallery-carousel[data-height="full"]{--nea-block-gallery-carousel--image-height: 100vh;}

.wp-block-gallery-carousel[data-swiper_transition="fade"]{
    .swiper-slide,
    .wp-block-image,
    img
    {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    img{
        height: var(--nea-block-gallery-carousel--image-height);
    }
}


.wp-block-gallery-carousel[data-swiper_transition="slide"] .swiper-slide img{
    width: 100%;
    height: var(--nea-block-gallery-carousel--image-height);
    max-width: 100%;
    max-height: 100%;
    object-fit: cover;
    aspect-ratio: var(--nea-block-gallery-carousel--image-aspect-ratio);
}

/* if image proportion is set to auto we run slidesPerPage: auto */
.wp-block-gallery-carousel[data-swiper_transition="slide"][data-image_proportion="auto"] img{
    width: auto;
    height: var(--nea-block-gallery-carousel--image-height, var(--nea-block-gallery-carousel--image-default-height));
    aspect-ratio: unset;
}



/* .wp-block-gallery-carousel:not([data-transition="fade"]) .swiper-slide{
    height: var(--nea-block-gallery-carousel-slide-height,50vh);
} */

/* .wp-block-gallery-carousel:not([data-transition="fade"]) .swiper-slide img{
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
    object-fit: cover;

    height: var(--nea-block-gallery-carousel--image-height);
} */

.wp-block-gallery-carousel figcaption{
    /* position: absolute; */
    margin: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    height: auto;
    padding: 1em 1.4em;
    /* background-color: rgba(255,255,255,0.8); */
}