/* ============================================================
   ml_partners — Logos partenaires en bas du footer
   Ligne centrée, logos en couleur normale, responsive
   ============================================================ */

.ml-partners-wrapper {
    width: 100%;
    padding: 25px 15px;
    background: transparent;
    border-top: 1px solid #eee;   /* fin trait de séparation ; retire si non voulu */
}

/* Conteneur centré, logos alignés en ligne, retour à la ligne si trop nombreux */
.ml-partners-inner {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;      /* centre la ligne */
    gap: 30px;                     /* espace entre les logos */
    max-width: 1200px;
    margin: 0 auto;
}

/* Chaque logo */
.ml-partner-item {
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

/* Tous les logos à la même hauteur, largeur proportionnelle (pas de déformation) */
.ml-partner-item img {
    height: 50px !important;      /* hauteur identique pour tous */
    width: auto !important;        /* la largeur s'adapte au ratio de l'image */
    max-width: none !important;    /* on retire la contrainte de largeur */
    object-fit: contain;
    display: block;
    transition: opacity 0.2s ease;
}

/* Léger effet au survol sur les logos cliquables */
a.ml-partner-item:hover img {
    opacity: 0.75;
}

/* ── Responsive ── */
@media (max-width: 767px) {
    .ml-partners-inner {
        gap: 20px;
    }
    .ml-partner-item img {
        max-height: 40px;
        max-width: 110px;
    }
}