/* ============================================================================
   css/association.css - page association.php (14/10/2026)
   Chargé par $donneesSupplementairesHeader, donc AVANT custom.css (B1) :
   chaque règle est préfixée par .main pour passer devant à spécificité égale.
   Jetons de vm-tokens.css seuls, aucun !important.
   ============================================================================ */

/* Cartes des associations : cadre visible sur fond blanc, filet turquoise en tête */
.main .vm-asso-carte {
    border: 1px solid var(--vm-border);
    border-top: 4px solid var(--vm-turquoise);
    border-radius: var(--vm-radius-md);
    box-shadow: var(--vm-shadow-sm);
}

.main .vm-asso-carte h3 {
    margin-bottom: var(--vm-space-3);
}

/* Logos des associations (240 x 120 px, affichés à 120 x 60 au plus) */
.main .vm-asso-logo {
    display: block;
    width: auto;
    max-width: 120px;
    height: auto;
    max-height: 60px;
    margin: 0 auto var(--vm-space-3);
    object-fit: contain;
}

/* Liste des associations pour les professionnels : logo à gauche du texte */
.main .vm-asso-logo--petit {
    float: left;
    max-width: 80px;
    max-height: 40px;
    margin: 2px var(--vm-space-3) var(--vm-space-2) 0;
}

.main .vm-asso-pros li {
    display: flow-root;
    margin-bottom: var(--vm-space-3);
}