/* =========================================================
   CLIENTS BAR — Trust strip cu logo-uri clienți
   ========================================================= */

.clients-bar {
    padding-block: var(--sp-10);
    border-block: 1px solid var(--color-navy-08);
    background-color: var(--color-white);
}

.clients-bar__inner {
    max-width: var(--max-width);
    margin-inline: auto;
    padding-inline: var(--container-px);
}

.clients-bar__label {
    text-align: center;
    font-size: var(--text-sm);
    color: var(--color-navy-40);
    font-weight: var(--weight-medium);
    letter-spacing: 0.05em;
    text-transform: uppercase;
    margin-bottom: var(--sp-6);
}

.clients-bar__logos {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: var(--sp-8) var(--sp-12);
}

.clients-bar__logo {
    display: flex;
    align-items: center;
}

.clients-bar__logo img {
    height: 28px;
    width: auto;
    max-width: 120px;
    object-fit: contain;
    filter: grayscale(100%) opacity(0.4);
    transition: filter var(--trans-base);
}

.clients-bar__logo:hover img {
    filter: grayscale(0%) opacity(1);
}

/* ── Responsive ─────────────────────────────────────────── */

@media (max-width: 768px) {
    .clients-bar__logos {
        gap: var(--sp-6) var(--sp-8);
    }

    .clients-bar__logo img {
        height: 22px;
    }
}