/* =====================================================================
   TEAM — grille de cartes équipe (photo + nom/poste + bio), calquée sur
   lovable/src/components/l-accompagnement/AccompagnementTeam.tsx (relevé
   le 2026-09-09). Même langage visuel que .carte (cartes.css) : carte
   blanche, bordure épaisse teintée apricot, coins arrondis -- réutilise
   les mêmes tokens (--border-radius-lg, --color-primary-tint) pour
   rester cohérent avec le reste du builder.
   ===================================================================== */

.team {
    text-align: center;
}

.team__list {
    text-align: left;
}

.team__item {
    display: flex;
    flex-direction: column;
    overflow: hidden;
    border-radius: var(--border-radius-lg);
    border: 6px solid var(--color-primary-tint);
    background: var(--white);
}

.team__portrait {
    display: block;
}

.team__portrait img {
    display: block;
    width: 100%;
    height: 320px;
    object-fit: cover;
}

.team__infos {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 20px;
}

.team__name {
    margin: 0;
    font-family: var(--main-font);
    font-size: 24px;
    line-height: 28px;
    font-weight: var(--regular);
    color: var(--color-secondary);
}

.team__poste {
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 4px;
    font-size: 16px;
    line-height: 24px;
    color: var(--color-secondary);
}

/* Structure interne facultative du champ "Poste / bio" (texte ACF) --
   chaque membre de l'équipe peut être introduit par un nom en évidence,
   suivi de lignes "devise" / "rôle" atténuées. cf. contenu saisi pour la
   page "L'accompagnement" (builder/team.php n'échappe pas la valeur du
   champ, ce qui autorise ce balisage volontairement simple). */
.team__poste strong {
    font-weight: var(--medium);
    color: var(--color-secondary);
}

.team__poste .team__meta {
    display: block;
    opacity: .5;
}

.team__poste .team__spacer {
    display: block;
    height: 12px;
}