/* Clients Logo Visibility Improvements - Clean & Minimal */

/* Improve overall section visibility */
.clients-section {
    background: linear-gradient(135deg, #0a0a0a 0%, #1a1a1a 100%) !important;
}

.clients-section .block {
    background: linear-gradient(135deg, #0a0a0a 0%, #1a1a1a 100%) !important;
}

/* Clean, minimal client logo items - just the logo, smaller size */
.client-logo-item {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: 60px !important; /* Smaller height */
    padding: 10px 20px !important; /* Minimal padding */
    background: transparent !important; /* No background, just logo */
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    transition: all 0.3s ease !important;
    position: relative !important;
    overflow: visible !important;
    width: auto !important;
    min-width: 120px !important; /* Smaller width */
}

/* Swiper slide width for smooth flow */
.clients-slider .swiper-slide {
    width: auto !important;
    flex-shrink: 0 !important;
}

/* Subtle hover effect */
.client-logo-item:hover {
    transform: scale(1.05) !important; /* Smaller scale */
}

/* Remove all overlays and effects - just the logo */
.client-logo-item::before {
    display: none !important;
}

/* Clean logo image - smaller size, just the logo */
.client-logo-item img {
    max-width: 100% !important;
    max-height: 40px !important; /* Smaller logo size */
    width: auto !important;
    height: auto !important;
    object-fit: contain !important;
    filter: none !important; /* No grayscale, full color */
    opacity: 0.8 !important; /* Good visibility */
    transition: all 0.3s ease !important;
    position: relative !important;
    z-index: 1 !important;
}

/* Enhanced hover state - brighter */
.client-logo-item:hover img {
    filter: none !important;
    opacity: 1 !important;
    transform: scale(1.05) !important; /* Smaller scale */
}

/* Hide placeholder - only show logos */
.client-logo-placeholder {
    display: none !important;
}

/* Make clickable links clean */
.client-logo-item a {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    height: 100% !important;
    text-decoration: none !important;
}

/* Hide placeholder completely - only show logos */
.client-logo-placeholder {
    display: none !important;
}

/* Hide navigation buttons for clean look - continuous flow doesn't need them */
.clients-nav-next,
.clients-nav-prev {
    display: none !important;
}

/* Hide pagination for clean look */
.clients-pagination {
    display: none !important;
}

/* Smooth slider wrapper */
.clients-slider-wrapper {
    overflow: hidden !important;
    position: relative !important;
}

/* Smooth swiper container */
.clients-slider {
    overflow: visible !important;
}

/* Smooth slide transitions */
.clients-slider .swiper-wrapper {
    transition-timing-function: linear !important; /* Linear for continuous flow */
    will-change: transform !important;
}

/* Responsive improvements - smaller sizes */
@media (max-width: 991px) {
    .client-logo-item {
        height: 55px !important;
        padding: 8px 18px !important;
        min-width: 110px !important;
    }
    
    .client-logo-item img {
        max-height: 35px !important;
    }
}

@media (max-width: 767px) {
    .client-logo-item {
        height: 50px !important;
        padding: 8px 15px !important;
        min-width: 100px !important;
    }
    
    .client-logo-item img {
        max-height: 32px !important;
        opacity: 0.85 !important;
    }
}

@media (max-width: 575px) {
    .client-logo-item {
        height: 45px !important;
        padding: 6px 12px !important;
        min-width: 90px !important;
    }
    
    .client-logo-item img {
        max-height: 28px !important;
        opacity: 0.9 !important;
    }
}