/* Follow buttons */
.follow-button {
    display: inline-block;
    margin-left: 5px;
}

.follow-button button {
    font-size: 10pt;
    padding: 2px 6px;
    border: 1px solid #ccc;
    background: #fff;
    cursor: pointer;
    color: #828282;
}

.follow-button button:hover {
    background: #f6f6ef;
}

.follow-button button.following {
    color: #ff6600;
    border-color: #ff6600;
}

/* Inline follow buttons (for tag lists) */
.follow-button.inline {
    margin-left: 3px;
    font-size: 9pt;
}

.follow-button.inline button {
    font-size: 8pt;
    padding: 1px 4px;
}

/* Profile stats */
.profile-stats {
    color: #828282;
    font-size: 10pt;
    margin: 10px 0;
}

.profile-stats span {
    margin-right: 15px;
}

/* Notification dashboard */
.notification {
    padding: 5px 0;
    border-bottom: 1px solid #f0f0f0;
}

.notification.read {
    opacity: 0.6;
}

.notification .timestamp {
    color: #828282;
    font-size: 9pt;
    margin-right: 10px;
}

/* Bell icon follow buttons - more specific selectors to override link colors */
.follow-bell-btn {
    font-size: 12px;
    padding: 0;
    margin: 0;
    margin-left: 3px;
    border: none;
    background: none;
    cursor: pointer;
    line-height: 1;
    vertical-align: middle;
    transition: color 0.2s ease;
    display: inline-block;
}

/* Override link colors with more specific selectors */
a .follow-bell-btn,
a:visited .follow-bell-btn,
a:link .follow-bell-btn {
    color: #828282 !important;  /* Default muted gray */
}

a .follow-bell-btn:hover,
a:hover .follow-bell-btn {
    color: #4a90e2 !important;  /* Blue on hover */
}

a .follow-bell-btn.following,
a:visited .follow-bell-btn.following,
a:link .follow-bell-btn.following {
    color: #ff6600 !important;  /* Orange when following */
}

a .follow-bell-btn.following:hover,
a:hover .follow-bell-btn.following {
    color: #ff8833 !important;  /* Lighter orange on hover when following */
}

/* SVG inherits color from parent */
.follow-bell-btn svg {
    display: inline-block;
    vertical-align: middle;
}

/* Inline bell buttons for tag lists */
.follow-button.inline {
    display: inline;
    margin: 0;
    padding: 0;
}

.follow-button.inline .follow-bell-btn {
    font-size: 10px;
    margin-left: 2px;
}

.follow-button.inline .follow-bell-btn svg {
    width: 12px;
    height: 12px;
}

/* Remove text decoration from bell */
a .follow-bell-btn {
    text-decoration: none !important;
}

.follow-link {
    color: #828282;
    text-decoration: none;
}

.follow-link:hover {
    text-decoration: underline;
}

.follow-link.following {
    color: #ff6600;
}

.follow-link.following:hover {
    color: #ff6600;
}