/* ==========================================================
   V360 – KOOSTÖÖPARTNERID
   Continuous slider + swipe / drag
   ========================================================== */


/* ==========================================================
   SECTION
   ========================================================== */

.floorex-partners {
    width: 100%;
    padding: 70px 0;
    overflow: hidden;
    background: #fff;
}

.floorex-partners__title {
    margin: 0 0 45px;
    text-align: center;
    font-size: clamp(28px, 3vw, 42px);
    line-height: 1.1;
    font-weight: 600;
}


/* ==========================================================
   OUTER SLIDER
   ========================================================== */

.floorex-partners__slider {
    position: relative;
    width: 100%;
    overflow: hidden;
}


/* ==========================================================
   V360 PARTNERS
   ========================================================== */

.v360-partners {
    width: 100%;
    overflow: hidden;

    cursor: grab;
    user-select: none;
    -webkit-user-select: none;

    /* Horizontal drag/swipe JS-is, vertikaalne scroll jääb alles */
    touch-action: pan-y;
}

.v360-partners.is-dragging {
    cursor: grabbing;
}

.v360-partners__title {
    margin: 0 0 32px;
}

.v360-partners__viewport {
    width: 100%;
    overflow: hidden;
}


/* ==========================================================
   TRACK
   ========================================================== */

.floorex-partners .v360-partners__track {
    display: flex;
    align-items: center;

    /* Desktop vahe */
    gap: 0px;

    width: max-content;
    min-width: max-content;

    will-change: transform;

    /* Liikumist juhib ainult partners.js */
    animation: none;
}


/* ==========================================================
   PARTNER ITEM
   DESKTOP: 250 × 125
   ========================================================== */

.floorex-partners .v360-partners__item {
    display: flex;
    align-items: center;
    justify-content: center;

    flex: 0 0 250px;

    width: 250px;
    min-width: 250px;
    max-width: 250px;

    height: 125px;

    padding: 0;
    margin: 0;

    box-sizing: border-box;

    text-decoration: none;
    -webkit-user-drag: none;
}


/* ==========================================================
   LINK / LOGO WRAPPER
   ========================================================== */

.floorex-partners .v360-partners__item a,
.floorex-partners .v360-partners__logo {
    display: flex;
    align-items: center;
    justify-content: center;

    width: 100%;
    height: 100%;

    margin: 0;
    padding: 0;

    color: inherit;
    text-decoration: none;

    -webkit-user-drag: none;
}


/* ==========================================================
   LOGO
   DESKTOP: max 220 × 100
   ========================================================== */

.floorex-partners .v360-partners__item img {
    display: block;

    width: auto;
    max-width: 220px;

    height: auto;
    max-height: 100px;

    margin: 0;
    padding: 0;

    object-fit: contain;

    pointer-events: none;
    user-select: none;
    -webkit-user-select: none;
    -webkit-user-drag: none;

    filter: none;

    transition:
        transform 0.3s ease,
        opacity 0.3s ease;
}


/* ==========================================================
   HOVER
   ========================================================== */

@media (hover: hover) {

    .floorex-partners .v360-partners__item:hover img {
        transform: scale(1.06);
    }

}


/* ==========================================================
   DRAGGING
   ========================================================== */

.v360-partners.is-dragging,
.v360-partners.is-dragging * {
    cursor: grabbing;
}

.v360-partners.is-dragging .v360-partners__item img {
    transform: none;
}


/* ==========================================================
   EDGE FADE
   ========================================================== */

.floorex-partners__slider::before,
.floorex-partners__slider::after {
    content: "";

    position: absolute;
    z-index: 5;

    top: 0;
    bottom: 0;

    width: 80px;

    pointer-events: none;
}

.floorex-partners__slider::before {
    left: 0;

    background: linear-gradient(
        90deg,
        #fff 0%,
        rgba(255, 255, 255, 0) 100%
    );
}

.floorex-partners__slider::after {
    right: 0;

    background: linear-gradient(
        270deg,
        #fff 0%,
        rgba(255, 255, 255, 0) 100%
    );
}


/* ==========================================================
   TABLET
   150 × 80
   logo max 135 × 55
   gap 40
   ========================================================== */

@media (max-width: 1024px) {

    .floorex-partners {
        padding: 60px 0;
    }

    .floorex-partners__title {
        margin-bottom: 35px;
    }

    .floorex-partners .v360-partners__track {
        gap: 40px;
    }

    .floorex-partners .v360-partners__item {
        flex: 0 0 150px;

        width: 150px;
        min-width: 150px;
        max-width: 150px;

        height: 80px;
    }

    .floorex-partners .v360-partners__item img {
    max-width: 185px;
    max-height: 85px;
}

}


/* ==========================================================
   MOBILE
   175 × 80
   logo max 175 × 70
   gap 30
   ========================================================== */

@media (max-width: 767px) {

    .floorex-partners {
        padding: 45px 0;
    }

    .floorex-partners__title {
        margin-bottom: 30px;
        text-align: left;
    }

    .floorex-partners .v360-partners__track {
        gap: 10px;
    }

    .floorex-partners .v360-partners__item {
        flex: 0 0 175px;

        width: 175px;
        min-width: 175px;
        max-width: 175px;

        height: 80px;
    }

    .floorex-partners .v360-partners__item img {
        max-width: 175px;
        max-height: 70px;
    }

    .floorex-partners__slider::before,
    .floorex-partners__slider::after {
        width: 35px;
    }

}


/* ==========================================================
   REDUCED MOTION
   ========================================================== */

@media (prefers-reduced-motion: reduce) {

    .v360-partners__track {
        animation: none !important;
    }

}