/* Northgram V17.17 — inline SVG, форма VK, цвет #D79AAE */

.verified-inline {
    display: inline-flex;
    min-width: 0;
    align-items: center;
    gap: 3px;
    vertical-align: middle;
}

.verification-badge {
    position: relative;
    display: inline-flex !important;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    overflow: visible;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    cursor: help;
    line-height: 0;
}

.verification-badge::before {
    display: none !important;
    content: none !important;
}

.verification-badge--gold {
    width: 14px !important;
    height: 14px !important;
    min-width: 14px !important;
    vertical-align: -2px;
}

.verification-badge--silver {
    width: 13px !important;
    height: 13px !important;
    min-width: 13px !important;
    vertical-align: -2px;
}

.verification-badge__svg {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    overflow: visible;
    fill: #D79AAE !important;
    stroke: none !important;
    filter: none !important;
}

.verification-badge__svg path {
    fill: #D79AAE !important;
    stroke: none !important;
}

/* В ленте галочка чуть меньше */
.post-card .verification-badge--gold,
.post-card .post-user .verification-badge--gold,
.post-card .caption .verification-badge--gold,
.post-card .comment .verification-badge--gold {
    width: 12px !important;
    height: 12px !important;
    min-width: 12px !important;
}

.post-card .verification-badge--silver,
.post-card .post-user .verification-badge--silver,
.post-card .caption .verification-badge--silver,
.post-card .comment .verification-badge--silver {
    width: 11px !important;
    height: 11px !important;
    min-width: 11px !important;
}

.post-card .verified-inline {
    gap: 2px;
}

.verification-badge::after {
    position: absolute;
    z-index: 1500;
    bottom: calc(100% + 8px);
    left: 50%;
    width: max-content;
    max-width: min(260px, 82vw);
    padding: 8px 10px;
    border: 1px solid #44353D;
    border-radius: 9px;
    background: #32252B;
    color: #E3DAD8;
    box-shadow: 0 12px 30px rgb(0 0 0 / 0.34);
    content: attr(data-tooltip);
    font-size: 9px;
    font-weight: 700;
    line-height: 1.35;
    opacity: 0;
    pointer-events: none;
    text-align: center;
    transform: translate(-50%, 4px);
    transition:
        opacity 0.14s ease,
        transform 0.14s ease;
}

.verification-badge:hover::after,
.verification-badge:focus-visible::after {
    opacity: 1;
    transform: translate(-50%, 0);
}

.verification-badge:focus-visible {
    outline: 1px solid #D79AAE;
    outline-offset: 2px;
}

@media (max-width: 600px) {
    .verification-badge--gold {
        width: 13px !important;
        height: 13px !important;
        min-width: 13px !important;
    }

    .verification-badge--silver {
        width: 12px !important;
        height: 12px !important;
        min-width: 12px !important;
    }

    .post-card .verification-badge--gold {
        width: 11px !important;
        height: 11px !important;
        min-width: 11px !important;
    }

    .post-card .verification-badge--silver {
        width: 10px !important;
        height: 10px !important;
        min-width: 10px !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    .verification-badge::after {
        transition: none;
    }
}