/* ==========================================================================
   Logo carousel – „Zaufali nam”
   ========================================================================== */
.logo-carousel {
    width: 100%;
}

/* Swiper - lines above and below, no dragging or text selection */
.logo-carousel__swiper {
    width: 100%;
    overflow: hidden;
    border-top: 1px solid var(--theme-palette-color-6);
    border-bottom: 1px solid var(--theme-palette-color-6);
    /* Soft fade on both edges */
    -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 8%, #000 92%, transparent 100%);
    mask-image: linear-gradient(90deg, transparent 0, #000 8%, #000 92%, transparent 100%);
    -webkit-user-select: none;
    user-select: none;
}

/* Constant speed instead of ease – this is what makes it „flow” */
.logo-carousel__swiper .swiper-wrapper {
    transition-timing-function: linear !important;
}

.logo-carousel__slide {
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 200px;
    height: 112px;
    padding: 24px 28px;
    border-left: 1px solid var(--theme-palette-color-6);
}

.logo-carousel__link {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}

.logo-carousel__link:focus-visible {
    outline: 2px solid var(--theme-palette-color-1);
    outline-offset: -4px;
}

.logo-carousel__img {
    display: block;
    width: auto;
    height: 56px;
    max-width: 100%;
    max-height: 56px;
    object-fit: contain;
    -webkit-user-drag: none;
    transition: filter 0.2s, opacity 0.2s;
}

/* Optional: monochrome logos, colour on hover */
.logo-carousel--grayscale .logo-carousel__img {
    filter: grayscale(1);
    opacity: 0.7;
}

.logo-carousel--grayscale .logo-carousel__slide:hover .logo-carousel__img {
    filter: none;
    opacity: 1;
}

@media (max-width: 767px) {
    .logo-carousel__slide {
        width: 150px;
        height: 88px;
        padding: 18px 20px;
    }

    .logo-carousel__img {
        max-height: 44px;
    }
}