/**
 * Profil Penta Com de l'appli mobile (community-profile.php, components/pentacom/profil_*.php).
 * Reprend l'en-tête et les lignes de la fiche athlète (athlete.css) et les publications du fil (pentacom.css).
 * La couleur choisie par le membre est dans --disc.
 */
.pm-profil-couverture { display: block; width: 100%; height: 120px; object-fit: cover; background: var(--ink3); }
.pm-profil-couverture[hidden] { display: none; }
.pm-profil-photo { aspect-ratio: 1 / 1; border-radius: 50%; }
.pm-profil-nom {
    margin: 0;
    font-family: 'Bebas Neue', 'Barlow Condensed', sans-serif;
    font-size: 28px;
    font-weight: 400;
    line-height: 1;
    letter-spacing: .03em;
    text-transform: uppercase;
    color: var(--white);
    overflow-wrap: anywhere;
}
.pm-profil-entete .pm-ath-rang { color: var(--disc, var(--blue)); filter: brightness(1.4); }
.pm-profil-verifie { margin: 0; display: flex; align-items: center; gap: 5px; font-size: 12px; font-weight: 700; color: var(--white); }
.pm-profil-verifie i { color: var(--disc, var(--blue)); filter: brightness(1.4); }
.pm-profil-chiffres { margin: 2px 0 0; display: flex; flex-wrap: wrap; gap: 4px 12px; font-size: 12px; color: color-mix(in srgb, var(--white) 60%, transparent); }
.pm-profil-chiffres strong { color: var(--white); font-weight: 800; }

/* Sport */
.pm-profil-trois { grid-template-columns: repeat(3, 1fr); }
.pm-profil-rang { min-width: 30px; text-align: center; color: color-mix(in srgb, var(--white) 45%, transparent); }
.pm-profil-rang.podium { color: var(--disc, var(--blue)); filter: brightness(1.4); }
.pm-profil-reussi { color: var(--blue); }

/* Partager ma course : bouton sous la ligne du résultat */
.pm-profil-resultat { border-bottom: 1px solid var(--rule); }
.pm-profil-resultat .pm-ath-ligne { border-bottom: 0; }
.pm-profil-partager-course { display: inline-flex; align-items: center; gap: 6px; margin: -4px 16px 12px 58px; padding: 7px 12px; border: 1px solid var(--rule2, var(--rule)); border-radius: 6px; background: transparent; color: var(--white); font: 700 12px/1 Inter, system-ui, sans-serif; cursor: pointer; }
.pm-profil-partager-course i { font-size: 11px; color: var(--disc, var(--blue)); filter: brightness(1.4); }

/* Publications */
.pm-profil-auteur { font-size: 14px; font-weight: 800; color: var(--white); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.pm-profil-publier { margin: 0; padding: 14px 16px 4px; }
.pm-profil-publier .pm-bouton { display: flex; align-items: center; justify-content: center; gap: 8px; }
.pm-profil-publier .pm-bouton i { font-size: 14px; }
.pm-post-compteurs { gap: 12px; align-items: center; }
.pm-profil-reagir { margin-left: auto; color: var(--blue); font-weight: 700; text-decoration: none; }

/* Modifier mon profil */
.pm-profil-etiquette { display: block; margin: 14px 0 6px; padding: 0; font-size: 11px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; color: color-mix(in srgb, var(--white) 70%, transparent); }
.pm-profil-etiquette:first-child { margin-top: 0; }
.pm-profil-fichier { flex: 1; padding: 9px 4px; border: 1px solid var(--rule2, var(--rule)); border-radius: 6px; text-align: center; color: var(--white); font: 700 12px/1 Inter, system-ui, sans-serif; cursor: pointer; }
.pm-profil-couleurs { display: flex; flex-wrap: wrap; gap: 12px; margin: 0; padding: 0; border: 0; }
.pm-profil-couleurs legend { width: 100%; }
.pm-profil-pastille { width: 36px; height: 36px; border: 0; border-radius: 50%; cursor: pointer; }
.pm-profil-pastille[aria-pressed="true"] { outline: 3px solid var(--white); outline-offset: 2px; }
#pm-profil-reglages .pm-feuille-contenu input[type="text"] { width: 100%; }

/* Groupes Club House d'un club (components/pentacom/profil_clubhouse.php) */
.pm-profil-groupes { list-style: none; margin: 0; padding: 0; }
.pm-profil-groupes li { border-bottom: 1px solid var(--rule); }
.pm-profil-groupes a { display: block; padding: 12px 16px; color: var(--white); text-decoration: none; }
.pm-profil-groupes strong { display: block; font-size: 15px; font-weight: 700; }
.pm-profil-groupes small { display: block; margin-top: 2px; font-size: 11px; color: color-mix(in srgb, var(--white) 55%, transparent); }