/*
 * The action row under a comment (reply, reply later, won't reply, edit,
 * delete, fold). Which links show stays with style.css.
 */

.comment .content .c-actions {
    --ca-muted: #4f5f72;
    --ca-hover: #1f3d63;
    --ca-accent: #1f5c9e;
    --ca-danger: #a63d3d;

    margin-left: 5px;
    padding-top: 2px;
    font-family: "Manrope", Arial, sans-serif;
    font-size: 12px;
    text-transform: lowercase;
}

html.theme-dark .comment .content .c-actions {
    --ca-muted: #9aaabd;
    --ca-hover: #e3ecf6;
    --ca-accent: #8db8ec;
    --ca-danger: #e79a9a;
}

.comment .content .c-actions a {
    margin: 0 12px 0 0;
    border: 0;
    font-size: 12px;
    font-weight: 500;
    text-decoration: none;
    text-transform: lowercase;
    color: var(--ca-muted);
}

.comment .content .c-actions a:hover {
    text-decoration: underline;
    text-underline-offset: 2px;
    color: var(--ca-hover);
}

.comment .content .c-actions a.reply-link {
    font-weight: 700;
    color: var(--ca-accent);
}

.comment .content .c-actions a.reply-wont-link {
    color: var(--ca-danger);
}