/* Logo klubu — obrázek nebo fallback s počátečním písmenem.
   Renderuje helper getClubLogoHtml() v includes/functions.php. */

.club-logo {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    border-radius: 50%;
    background-color: var(--bg-surface);
    overflow: hidden;
    object-fit: contain;
    vertical-align: middle;
}

img.club-logo {
    background-color: transparent;
    border-radius: 0;
}

.club-logo-fallback {
    background-color: var(--bg-surface);
    color: var(--text-muted);
    font-weight: 700;
    text-transform: uppercase;
    border: 1px solid var(--border);
    line-height: 1;
    user-select: none;
}

.club-logo-xs { width: 18px; height: 18px; font-size: 0.6rem; }
.club-logo-sm { width: 24px; height: 24px; font-size: 0.72rem; }
.club-logo-md { width: 32px; height: 32px; font-size: 0.85rem; }
.club-logo-lg { width: 56px; height: 56px; font-size: 1.4rem; }
.club-logo-xl { width: 96px; height: 96px; font-size: 2.4rem; }

/* Symbol stavu (_status_symbol.php) stojí na místě loga u hráče, který klub
   nemá: kopačky na hřebíku po kariéře, nepodepsaná smlouva bez angažmá.
   Velikost bere z .club-logo-*, ale kroužek pod sebou nechce — kreslí se
   přímo na pozadí stránky, jinak by vypadal jako klub bez nahraného loga.

   Kresba je maska, ne obrázek: PNG nese jen průhlednost a barvu do ní pouští
   `background-color`. Symbol proto sedí v `currentColor` stejně jako čáry
   ikon vedle a nemá napevno zadrátovanou barvu, která by v jiném motivu
   nebo na jiném pozadí neseděla. */
.status-symbol {
    color: var(--text-muted);
    background: currentColor;
    border-radius: 0;
    -webkit-mask-position: center;
            mask-position: center;
    -webkit-mask-size: contain;
            mask-size: contain;
    -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
}
.status-symbol.is-kopacky {
    -webkit-mask-image: url('/assets/img/kopacky-hrebik.png');
            mask-image: url('/assets/img/kopacky-hrebik.png');
}
.status-symbol.is-smlouva {
    -webkit-mask-image: url('/assets/img/smlouva-nepodepsana.png');
            mask-image: url('/assets/img/smlouva-nepodepsana.png');
}


/* Kontextová zarovnání */
.player-identity:has(> .club-logo) { display: flex; align-items: center; gap: 18px; }

.result-card .club-logo { margin-right: 14px; }


/* Logo uvnitř tabulky se chová jako prefix názvu */
.full-stats-table td .club-logo { margin-right: 8px; }