/* Strip Logos Block Styles */
.block-strip-logos {
    width: 100%;
    overflow: hidden;
}

/* Fade-in effect for logos container */
.strip-logos-swiper {
    transition: opacity 0.5s ease-in-out;
}

.strip-logos-swiper.logos-initialized {
    opacity: 1;
}

/* Swiper Container */
.strip-logos-swiper {
    width: 100%;
    padding-left: 1rem; /* Initial left margin offset */
    padding-right: 2rem; /* Ending margin for overscroll */
    overflow: hidden; /* Prevent wrapper from scrolling off canvas */
}

/* Swiper Wrapper */
.strip-logos-wrapper {
    display: flex;
    align-items: flex-start;
    width: 100%;
    box-sizing: border-box;
}

/* Individual Slides - Image blocks themselves */
.wp-block-image.strip-logos-slide {
    flex-shrink: 0;
    width: auto;
    height: 100% !important;
    margin: 0;
    display: flex;
    align-items: stretch;
}

/* Figure element styling - ensure it takes full height */
.wp-block-image.strip-logos-slide figure {
    margin: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: stretch;
}

/* Make images cover the container properly */
.wp-block-image.strip-logos-slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    flex: 1;
}

/* Single image centering */
.strip-logos-container.single-image {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 2rem 0;
}

.strip-logos-container.single-image .wp-block-image {
    max-width: 400px;
    width: 100%;
}

.strip-logos-container.single-image .wp-block-image img {
    aspect-ratio: 1 / 1;
    object-fit: cover;
}

/* Responsive slide sizing */
@media (max-width: 767px) {
    .strip-logos-swiper {
        padding-left: 1rem;
        padding-right: 1.5rem;
    }
}

@media (min-width: 768px) {
    .strip-logos-swiper {
        padding-left: 1.5rem;
        padding-right: 2rem;
    }
}

@media (min-width: 1800px) {
    .strip-logos-swiper {
        padding-left: 2rem;
        padding-right: 3rem;
    }
}

/* Ensure proper spacing between slides */
.swiper-slide + .swiper-slide {
    margin-left: 0 !important;
}

/* Custom scrollbar styling (optional) */
.strip-logos-swiper::-webkit-scrollbar {
    display: none;
}

.strip-logos-swiper {
    -ms-overflow-style: none;
    scrollbar-width: none;
}