/**
 * Fiche club de l'appli mobile (club.php et components/club/*) : complète athlete.css. La couleur du club est dans --disc.
 */
.pm-club-banniere { aspect-ratio: 3 / 1; overflow: hidden; background: var(--ink3); }
.pm-club-banniere img { width: 100%; height: 100%; object-fit: cover; display: block; }
.pm-club-logo { aspect-ratio: 1; background: #fff; padding: 6px; color: var(--ink); }
.pm-club-logo img { object-fit: contain; }
.pm-ath-photo.pm-club-logo:not(:has(img)) { background: var(--ink3); color: color-mix(in srgb, var(--white) 40%, transparent); }
.pm-club-nom { font-size: 26px; white-space: normal; }
.pm-club-slogan { white-space: normal; font-style: italic; }
.pm-club-chiffres { padding-top: 10px; }
.pm-club-section { white-space: normal; }
.pm-club-section img { max-width: 100%; height: auto; }
.pm-club-resultat { padding-left: 24px; }
.pm-club-resultat .pm-ath-ligne-nom small { font-weight: 500; }
.pm-club-site { padding: 16px 16px 8px; }
.pm-club-site .pm-bouton { margin: 0; }
/* Article d'un club */
.pm-club-article { padding: 0 16px 24px; }
.pm-club-article .pm-club-article-club { display: flex; align-items: center; gap: 10px; padding: 14px 0; border-bottom: 1px solid var(--rule); color: inherit; text-decoration: none; }
.pm-club-article-club img { width: 32px; height: 32px; object-fit: contain; border-radius: 4px; background: #fff; }
.pm-club-article-club strong { font-size: 13px; }
.pm-club-article-texte { white-space: pre-line; }

/* Le club sur Penta Com et ses groupes Club House (components/club/pentacom.php) */
.pm-club-pentacom, .pm-club-groupes { list-style: none; margin: 0; padding: 0; }
.pm-club-pentacom li, .pm-club-groupes li { border-bottom: 1px solid var(--rule); }
.pm-club-pentacom a { display: flex; gap: 12px; align-items: flex-start; padding: 12px 16px; color: var(--white); text-decoration: none; font-size: 14px; line-height: 1.4; }
.pm-club-pentacom img { width: 64px; height: 64px; flex-shrink: 0; object-fit: cover; border-radius: 8px; }
.pm-club-pentacom small, .pm-club-groupes small { display: block; font-size: 11px; color: color-mix(in srgb, var(--white) 55%, transparent); margin-bottom: 2px; }
.pm-club-groupes a { display: block; padding: 12px 16px; color: var(--white); text-decoration: none; }
.pm-club-groupes strong { display: block; font-size: 15px; font-weight: 700; }
.pm-club-groupes small { margin: 2px 0 0; }