/**
 * Forum Enhancements CSS
 * Add to your layout: <link href="~/css/forum-enhancements.css" rel="stylesheet" />
 * Most styling uses Bootstrap classes - this is for custom elements only
 */

/* Badge tiers */
.badge-tier-gold { background: rgba(255, 215, 0, 0.2); color: #b8860b; }
.badge-tier-silver { background: rgba(192, 192, 192, 0.3); color: #666; }
.badge-tier-platinum { background: rgba(229, 228, 226, 0.5); color: #555; }
.badge-tier-special { background: rgba(147, 51, 234, 0.15); color: #7c3aed; }

/* Ignore dropdown */
.ignore-dropdown { position: relative; }
.ignore-options {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    min-width: 200px;
    background: #fff;
    border: 1px solid #dee2e6;
    border-radius: .375rem;
    box-shadow: 0 4px 12px rgba(0,0,0,.1);
    z-index: 1000;
}
.ignore-options.show { display: block; }
.ignore-options button {
    display: block;
    width: 100%;
    padding: .75rem 1rem;
    background: none;
    border: none;
    border-bottom: 1px solid #f0f0f0;
    text-align: left;
    cursor: pointer;
}
.ignore-options button:last-child { border-bottom: none; }
.ignore-options button:hover { background: #f8f9fa; }
.ignore-options button strong { display: block; }
.ignore-options button span { font-size: .8rem; color: #6c757d; }

/* Draft indicator */
.forum-draft-indicator {
    font-size: .8rem;
    color: #6c757d;
    padding: .25rem 0;
}

/* Best answer highlight */
.post-best-answer {
    border-left: 3px solid #198754;
    background: rgba(25, 135, 84, 0.05);
}

/* Reputation level colors */
.level-icon { font-size: 1.25em; }

/* Purple for special badges */
.bg-purple { background-color: #7c3aed !important; }
.border-purple { border-color: #7c3aed !important; }
.text-purple { color: #7c3aed !important; }

/* Mentions dropdown panel */
.mentions-panel {
    display: none;
    position: absolute;
    top: 100%;
    right: 0;
    min-width: 360px;
    background: #fff;
    border: 1px solid #dee2e6;
    border-radius: .5rem;
    box-shadow: 0 10px 25px rgba(0,0,0,.1);
    z-index: 1050;
}
.mentions-panel.active { display: block; }

/* Light primary background for current user rows */
.bg-light-primary { background-color: rgba(13, 110, 253, 0.05) !important; }

/* Trending score highlight */
.trending-score { color: #dc3545; font-weight: 600; }

/* Warning banner animation */
.alert-danger.warning-banner {
    animation: pulse 2s infinite;
}
@keyframes pulse {
    0%, 100% { opacity: 1; }
    50% { opacity: 0.8; }
}