/* ========================================================================
   KYC Pro — verification badge (frontend)
   © SpicyHTML
   Drop-in CSS for the {kyc_badge user_id=...} Smarty plugin output.
   Inline-safe: badges are inline-flex spans, no layout disruption.
   ======================================================================== */

.kyc-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    vertical-align: baseline;
    margin-left: 4px;
    padding: 0 5px;
    border-radius: 999px;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-decoration: none !important;
    user-select: none;
    transition: transform .12s, box-shadow .12s;
}
.kyc-badge:hover {
    transform: scale(1.08);
}

/* sizes */
.kyc-badge--sm {
    min-width: 16px;
    height: 16px;
    font-size: 10px;
    padding: 0 4px;
}
.kyc-badge--md {
    min-width: 22px;
    height: 22px;
    font-size: 12px;
    padding: 0 7px;
}

/* identity = blue */
.kyc-badge--identity {
    background: #2563eb;
    box-shadow: 0 1px 3px rgba(37, 99, 235, .35);
}

/* creator = gold gradient */
.kyc-badge--creator {
    background: linear-gradient(135deg, #f5b800 0%, #e07a00 100%);
    box-shadow: 0 1px 3px rgba(224, 122, 0, .4);
}

/* optional text part next to the checkmark */
.kyc-badge__text {
    font-size: .9em;
    margin-left: 4px;
    font-weight: 600;
    letter-spacing: .02em;
}