/* components/avatar.css — ikona osoby (getPersonAvatarHtml): fotka, když
 * ji osoba má (assets/img/persons), jinak zástupná silueta.
 *
 * Kde web fotku nemá, stojí na jejím místě silueta v kruhu: modrá postava se světlou tváří na tmavém podkladu,
 * s jemným obrysem kruhu. Velikosti jako u log klubů (club-logo.css), aby
 * šla ikona dát všude, kde dřív stálo logo.
 */
.person-avatar {
    --pa-bg: #1d2a3b;
    --pa-fg: #5b84c4;
    --pa-face: #c5d4ee;
    display: inline-flex;
    flex: none;
    border-radius: 50%;
    overflow: hidden;
    background: var(--pa-bg);
    box-shadow: inset 0 0 0 1px rgba(91, 132, 196, 0.45);
    vertical-align: middle;
}
.person-avatar-svg { width: 100%; height: 100%; display: block; }
/* Fotka: výřez obličeje na průhledném pozadí (jako na fotmobu) v šedém
   kruhu místo modrého podkladu siluety. */
.person-avatar.has-photo { --pa-bg: #2a3038; box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.08); }
.person-avatar-photo { width: 100%; height: 100%; display: block; object-fit: cover; }
.person-avatar .pa-fg   { fill: var(--pa-fg); }
.person-avatar .pa-face { fill: var(--pa-face); }

.person-avatar-xs { width: 18px; height: 18px; }
.person-avatar-sm { width: 24px; height: 24px; }
.person-avatar-md { width: 32px; height: 32px; }
.person-avatar-lg { width: 56px; height: 56px; }
.person-avatar-xl { width: 96px; height: 96px; }