/* Site Logo Styles */

/* Default site logo (32px) */
.site-logo {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    object-fit: cover;
    border: 2px solid #f0f0f0;
    background: white;
    margin-bottom: 12px;
}

/* Inline logo (24px) - for headings and larger text */
.site-logo-inline {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    object-fit: cover;
    border: 2px solid #f0f0f0;
    background: white;
    margin-right: 8px;
    vertical-align: middle;
}

/* Small logo (20px) - for compact areas */
.site-logo-small {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    object-fit: cover;
    border: 1px solid #f0f0f0;
    background: white;
    margin-right: 6px;
    vertical-align: middle;
}

/* Logo for badges (20px) - used within colored badges */
.site-logo-badge {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    object-fit: cover;
    background: white;
    border: 1px solid #f0f0f0;
}

/* Tournament site badge with logo support */
.tournament-site {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

/* Ensure tournament cards site badge has flex layout */
.tournament-card .tournament-site {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}