/**
 * Partner Logo Slider main CSS file
 */


/* Import all modules */

@import "modules/container.css";
@import "modules/logos.css";

/* Main container */

.wf-partner-logo-slider {
    position: relative;
    width: 100%;
    overflow: hidden;
}


/* Slider container */

.wf-partner-logo-slider__container {
    position: relative;
    width: 100%;
}


/* Fix for Slick slider initialization */

.wf-partner-logo-slider__container:not(.slick-initialized) {
    display: flex;
    flex-wrap: nowrap;
    overflow: hidden;
}

.wf-partner-logo-slider__container:not(.slick-initialized) .wf-partner-logo-slider__logo {
    flex: 0 0 auto;
    width: 20%;
    /* Fallback if JS doesn't load */
    padding: 0 10px;
}


/* Title */

.wf-partner-logo-slider__title {
    margin-bottom: 2rem;
    text-align: center;
}


/* Navigation arrows */

.wf-partner-logo-slider .slick-prev,
.wf-partner-logo-slider .slick-next {
    z-index: 1;
}


/* For responsive screens */

@media (max-width: 1024px) {
    .wf-partner-logo-slider__container:not(.slick-initialized) .wf-partner-logo-slider__logo {
        width: 33.33%;
        /* Fallback for tablet */
    }
}

@media (max-width: 767px) {
    .wf-partner-logo-slider__container:not(.slick-initialized) .wf-partner-logo-slider__logo {
        width: 50%;
        /* Fallback for mobile */
    }
}