/* ============================================================
   Verified Icon — Beast Inc
   Badge appears via ::after pseudo on any element carrying
   data-contentcontainer-id that matches a verified ID.
   JS adds .verified-user class to those elements directly.
   ============================================================ */

/* --- Base badge style --- */
.verified-badge::after,
a.verified-user::after,
span.verified-user::after,
strong.verified-user::after,
h4.verified-user::after,
h1.verified::after {
    content: "\f058"; /* FontAwesome check-circle */
    font-family: "FontAwesome";
    font-style: normal;
    font-weight: normal;
    font-size: 0.85em;
    margin-left: 0.3em;
    color: var(--info, #17a2b8);
    vertical-align: middle;
    display: inline-block;
}

/* --- Stream wall entry header: author name line --- */
.wall-entry-header-info h4 a.verified-user::after,
.wall-entry-header-info h5 a.verified-user::after {
    font-size: 0.8em;
}

/* --- Comment author heading --- */
.comment-heading a.verified-user::after {
    font-size: 0.8em;
}

/* --- People card (directory / member list) --- */
.card-title a.verified-user::after {
    font-size: 0.85em;
}

/* --- User list box (likes popup, followers modal etc.) --- */
.hh-list .verified-user::after {
    font-size: 0.8em;
}

/* --- @mention links in rich text --- */
.humhub-richtext a.verified-user::after,
p a.verified-user::after {
    font-size: 0.75em;
    color: var(--info, #17a2b8);
}

/* --- Profile header h1 (ContainerProfileHeaderOverwrite adds .verified) --- */
h1.verified::after {
    content: "\f058";
    font-family: "FontAwesome";
    font-size: 0.7em;
    margin-left: 0.3em;
    color: var(--info, #17a2b8);
    vertical-align: middle;
}

/* --- Tooltip on hover --- */
a.verified-user,
span.verified-user {
    position: relative;
}