/* Orisa Image Slider widget
   The moving gallery (layout 2) is driven by carouselTicker, which does not run
   inside the Elementor canvas. These rules keep the slides laid out horizontally
   while editing; they are scoped to the editor and inert on the frontend. */

.elementor-editor-active .orisa-image-slider--layout2 .wrapper-gallery.carouselTicker__list {
    display: inline-flex;
    flex-wrap: nowrap;
    align-items: flex-end;
    padding: 0;
    margin: 0;
    list-style: none;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

.elementor-editor-active .orisa-image-slider--layout2 .wrapper-gallery.carouselTicker__list .li {
    flex: 0 0 auto;
}

.orisa-image-slider--layout2 .moving-gallery .li {
    position: relative;
}

.orisa-image-slider--layout2 .orisa-image-slider__caption {
    position: absolute;
    top: 16px;
    left: 24px;
    z-index: 1;
    color: #fff;
    line-height: 1.2;
    pointer-events: none;
}

@media (max-width: 767px) {
    .orisa-image-slider--layout2 .orisa-image-slider__caption {
        top: 12px;
        left: 12px;
    }
}

/* Keep Layout 2 lightbox controls and the image-alt title within the viewport. */
.orisa-image-slider-lightbox .mfp-container {
    padding: 24px 16px;
}

.orisa-image-slider-lightbox .mfp-figure {
    max-height: calc(100vh - 48px);
}

.orisa-image-slider-lightbox img.mfp-img {
    max-height: calc(100vh - 120px) !important;
    padding: 0;
}
.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close {
	padding-right: 15px;
}
.orisa-image-slider-lightbox .mfp-figure::after {
    top: 0;
    bottom: 0;
}

.orisa-image-slider-lightbox .mfp-bottom-bar,
.orisa-image-slider-lightbox.mfp-img-mobile .mfp-bottom-bar {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
    position: static;
    margin-top: 12px;
    padding: 8px;
    background: transparent;
}

.orisa-image-slider-lightbox .mfp-title {
    padding-right: 0;
}

.orisa-image-slider-lightbox .mfp-counter {
    position: static;
    flex: 0 0 auto;
}
