/* Clientele Ribbon Style - Phase 12 (LogoLoop Integration) */
#section-clientele-header,
#section-clientele,
#section-testimonials-header {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
}

#section-clientele {
    position: relative;
    overflow: hidden;
    background: #030407;
    /* Sleek dark base */
}

/* Ensure the ribbon overlay stays behind the logos but in front of background */
#section-clientele .sw-overlay {
    position: absolute;
    top: 50%;
    /* Center vertically */
    left: 0;
    width: 100%;
    height: 160px;
    background: rgba(255, 255, 255, var(--ribbon-alpha, 0.18));
    /* Dynamic transparency */
    z-index: 1;
    transform: translateY(-50%);
    /* Perfect centering offset */
    pointer-events: none;
    /* Let clicks pass through to logos */
}

#section-clientele .container {
    position: relative;
    z-index: 4;
}

/* Adjustments for LogoLoop within this section */
#logoloop-clientele {
    position: relative;
    z-index: 5;
    /* Sit on top of ribbon */
}

/* Ensure logos look sharp and vibrant */
.logoloop__item img {
    filter: brightness(var(--logo-brightness, 1.05)) contrast(var(--logo-contrast, 1.1)) saturate(var(--logo-saturation, 1.1)) !important;
    /* Dynamic enhancement filters */
    transition: all 0.3s ease;
    vertical-align: middle;
}