/**
 * @file
 * Styles for the user follow link (LinkedIn-style polished text).
 */

/* Follow wrapper - inline with username */
.opigno-follow-wrapper {
    display: inline;
    white-space: nowrap;
    vertical-align: baseline;
}

/* Bullet separator */
.opigno-follow-separator {
    color: #666;
    margin: 0 6px;
    font-weight: normal;
}

/* Follow link - clean, inline text style (button reset) */
button.opigno-follow-link {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    font-size: 14px;
    font-weight: 600;
    color: #0a66c2;
    text-decoration: none;
    transition: all 0.15s ease;
    cursor: pointer;
    vertical-align: baseline;
    background: transparent;
    border: none;
    padding: 0;
    margin: 0;
    line-height: inherit;
    font-family: inherit;
}

button.opigno-follow-link:hover {
    color: #004182;
    text-decoration: underline;
    background: transparent;
}

button.opigno-follow-link:focus {
    outline: none;
}

/* Icon styling */
button.opigno-follow-link .follow-icon {
    font-size: 13px;
    line-height: 1;
}

/* Following state - green with checkmark */
button.opigno-follow-link.is-following {
    color: #057642;
}

button.opigno-follow-link.is-following:hover {
    color: #c24b4b;
}

/* Loading state */
button.opigno-follow-link.loading {
    pointer-events: none;
    opacity: 0.5;
}

/* Ensure comment-item__name is inline flex */
.comment-item__name {
    display: inline-flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0;
}

.comment-item__name>a {
    font-weight: 600;
}