/* START KOL Advanced Subscription Suite Member Badges */

html.light-mode .kol-ass-member-badge,
html.dark-mode .kol-ass-member-badge {
    display: inline-flex;
    width: 1em;
    height: 1em;
    min-width: 1em;
    align-items: center;
    justify-content: center;
    margin: 0 0 0 0.28em;
    padding: 0;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    line-height: 1;
    vertical-align: -0.13em;
    white-space: nowrap;
    break-inside: avoid;
    flex: 0 0 auto;
    pointer-events: auto !important;
    cursor: help;
    user-select: none;
}

/*
 * Profile transparency headings already provide an 8px flex gap. Offset the
 * badge's normal inline margin so the verified icon stays beside the name
 * without crowding the separate profile-information control.
 */
html.light-mode .kol-aps-profile-transparency-heading > .kol-ass-member-badge,
html.dark-mode .kol-aps-profile-transparency-heading > .kol-ass-member-badge {
    margin-left: -4px;
}

html.light-mode .kol-ass-member-badge--compact,
html.dark-mode .kol-ass-member-badge--compact,
html.light-mode .kol-ass-member-badge--chat,
html.dark-mode .kol-ass-member-badge--chat {
    width: 1em;
    height: 1em;
    min-width: 1em;
}

html.light-mode .kol-ass-member-badge--heading,
html.dark-mode .kol-ass-member-badge--heading,
html.light-mode .kol-ass-member-badge--profile,
html.dark-mode .kol-ass-member-badge--profile {
    width: clamp(18px, 1em, 22px);
    height: clamp(18px, 1em, 22px);
    min-width: clamp(18px, 1em, 22px);
    vertical-align: -0.08em;
}

html.light-mode .kol-ass-member-badge__image,
html.dark-mode .kol-ass-member-badge__image,
html.light-mode .kol-ass-member-badge__fallback,
html.dark-mode .kol-ass-member-badge__fallback {
    display: block;
    width: 100%;
    height: 100%;
    max-width: none;
    max-height: none;
    margin: 0;
    padding: 0;
    border: 0;
    object-fit: contain;
    overflow: visible;
}

/*
 * WordPress toolbar avatar rules otherwise stretch a paid-member icon and add
 * avatar margins/borders. Keep this identity badge compact beside the name.
 */
html.light-mode #wpadminbar .kol-ass-member-badge,
html.dark-mode #wpadminbar .kol-ass-member-badge {
    width: 12px !important;
    height: 12px !important;
    min-width: 12px !important;
    margin: 0 0 0 4px !important;
    line-height: 1 !important;
    vertical-align: -2px !important;
}

html.light-mode #wpadminbar .kol-ass-member-badge__image,
html.dark-mode #wpadminbar .kol-ass-member-badge__image,
html.light-mode #wpadminbar .kol-ass-member-badge__fallback,
html.dark-mode #wpadminbar .kol-ass-member-badge__fallback {
    display: block !important;
    width: 12px !important;
    height: 12px !important;
    min-width: 12px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
}

html.light-mode .kol-ass-member-badge.kol-ass-tier-copper,
html.dark-mode .kol-ass-member-badge.kol-ass-tier-copper {
    color: #b87333;
}

html.light-mode .kol-ass-member-badge.kol-ass-tier-silver,
html.dark-mode .kol-ass-member-badge.kol-ass-tier-silver {
    color: #8d959c;
}

html.light-mode .kol-ass-member-badge.kol-ass-tier-gold,
html.dark-mode .kol-ass-member-badge.kol-ass-tier-gold {
    color: #c9a227;
}

html.light-mode .kol-ass-member-badge.kol-ass-tier-platinum,
html.dark-mode .kol-ass-member-badge.kol-ass-tier-platinum {
    color: #78909c;
}

html.light-mode .kol-ass-member-badge.kol-ass-tier-paid,
html.dark-mode .kol-ass-member-badge.kol-ass-tier-paid {
    color: #2d7c2d;
}

html.light-mode .kol-presence-name-badge,
html.dark-mode .kol-presence-name-badge {
    display: none !important;
}

html.light-mode .kol-presence-viewed-user-has-badge .kol-mypics-header-body,
html.dark-mode .kol-presence-viewed-user-has-badge .kol-mypics-header-body,
html.light-mode .kol-presence-viewed-user-has-badge .kol-mybook-identity,
html.dark-mode .kol-presence-viewed-user-has-badge .kol-mybook-identity,
html.light-mode .kol-presence-viewed-user-has-badge .kol-mypress-member-main,
html.dark-mode .kol-presence-viewed-user-has-badge .kol-mypress-member-main,
html.light-mode .kol-presence-viewed-user-has-badge .kol-myplanet-profile-info,
html.dark-mode .kol-presence-viewed-user-has-badge .kol-myplanet-profile-info,
html.light-mode .kol-presence-viewed-user-has-badge .kol-myplanet-name-header,
html.dark-mode .kol-presence-viewed-user-has-badge .kol-myplanet-name-header,
html.light-mode .kol-presence-viewed-user-has-badge .kol-myplace-fallback-card > div,
html.dark-mode .kol-presence-viewed-user-has-badge .kol-myplace-fallback-card > div {
    padding-right: 0;
}

@media (max-width: 480px) {
    html.light-mode .kol-ass-member-badge--heading,
    html.dark-mode .kol-ass-member-badge--heading,
    html.light-mode .kol-ass-member-badge--profile,
    html.dark-mode .kol-ass-member-badge--profile {
        width: 18px;
        height: 18px;
        min-width: 18px;
    }
}

/* END KOL Advanced Subscription Suite Member Badges */