/**
 * Flamenet Me — the shared follow control.
 *
 * Link and button colours are pinned with :link/:visited because the theme's
 * bare `a:visited` rule is specificity (0,1,1) and would otherwise repaint a
 * light-on-dark control muted purple once followed.
 */

.fnme-follow-form { display: inline; margin: 0; }

.fnme-follow,
.fnme-follow:link,
.fnme-follow:visited {
    display: inline-block;
    background: linear-gradient(180deg, #596EBB 0%, #1835A0 50%, #13297D 100%);
    color: #FFFFFF;
    border: 1px solid #002266;
    padding: 2px 10px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    line-height: 1.5;
    cursor: pointer;
    text-decoration: none;
    border-radius: 2px;
}

.fnme-follow:hover,
.fnme-follow:focus,
.fnme-follow:visited:hover {
    background: linear-gradient(180deg, #CC0000 0%, #8B0000 100%);
    color: #FFCC00;
    border-color: #880000;
}

/* Already following — quieter, since the action is now "stop". */
.fnme-follow-on,
.fnme-follow-on:link,
.fnme-follow-on:visited {
    background: #FFCC00;
    color: #1835A0;
    border-color: #CC9900;
}

.fnme-follow-on:hover,
.fnme-follow-on:focus { background: #CC0000; color: #FFCC00; border-color: #880000; }

/* Star form, for dense table rows. */
.fnme-follow-compact,
.fnme-follow-compact:link,
.fnme-follow-compact:visited {
    background: none;
    border: 0;
    color: #94A2BC;
    font-size: 14px;
    padding: 0 2px;
    line-height: 1;
}

.fnme-follow-compact:hover, .fnme-follow-compact:focus { background: none; color: #CC6600; }
.fnme-follow-compact.fnme-follow-on,
.fnme-follow-compact.fnme-follow-on:link,
.fnme-follow-compact.fnme-follow-on:visited { background: none; color: #E8A200; border: 0; }