/* ==========================================================================
   Kinetix — Verified Badge (frontend)
   Minimal, WordPress-theme-safe badge. Single color, no animation, no
   positioning tricks — so it never "jumps" or overlaps content in themes
   that apply flex/transform to author blocks.
   ========================================================================== */

.kinetix-verified-badge,
.kinetix-verified-badge * {
    box-sizing: content-box;
}

.kinetix-verified-badge {
    /* One solid brand color for every tier (admin/mod/user). */
    --kx-badge-color: #1d9bf0;

    display: inline-block;
    width: 1em;
    height: 1em;
    margin: 0 .15em;
    vertical-align: -0.125em;
    line-height: 1;
    color: var(--kx-badge-color);
    fill: currentColor;
    -webkit-user-select: none;
    user-select: none;

    /* Defensive resets: some themes add border / background / transforms to
       inline spans inside author links. Force the badge to stay put. */
    background: transparent !important;
    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
    padding: 0 !important;
    text-decoration: none !important;
    animation: none !important;
    transition: none !important;
    transform: none !important;
    float: none !important;
    position: static !important;
}

.kinetix-verified-badge .kinetix-badge-svg {
    display: inline-block;
    width: 1em;
    height: 1em;
    vertical-align: baseline;
    overflow: visible;
    pointer-events: none;
}

.kinetix-verified-badge .kx-badge-bg    { fill: currentColor; }
.kinetix-verified-badge .kx-badge-check { fill: #ffffff; }

/* Hover/focus: no animation. Just a faint opacity nudge so the badge is
   still clearly interactive when wrapped in a link. */
.kinetix-verified-badge:hover,
.kinetix-verified-badge:focus-visible {
    opacity: .88;
}

/* Respect reduced motion — defensive even though we don't animate. */
@media (prefers-reduced-motion: reduce) {
    .kinetix-verified-badge {
        animation: none !important;
        transition: none !important;
    }
}