/* VIP Member Styles */

/* VIP topic highlight in forum lists */
.ptf-topic-list .vip-topic,
.forum-topic.vip-topic {
    background: linear-gradient(to right, #fff5f5, #ffffff) !important;
    border-left: 4px solid #ff6b6b !important;
    position: relative;
}

/* VIP topic title - bold and red */
.vip-topic .topic-title,
.vip-topic h3,
.vip-topic a.topic-link {
    color: #d32f2f !important;
    font-weight: 700 !important;
    font-size: 1.1em !important;
}

/* VIP Badge */
.vip-badge {
    display: inline-block;
    background: linear-gradient(135deg, #ff6b6b, #ff5252);
    color: white;
    padding: 2px 8px;
    border-radius: 3px;
    font-size: 11px;
    font-weight: bold;
    text-transform: uppercase;
    margin-right: 8px;
    vertical-align: middle;
    animation: pulse 2s infinite;
}

@keyframes pulse {
    0% {
        box-shadow: 0 0 0 0 rgba(255, 107, 107, 0.7);
    }
    70% {
        box-shadow: 0 0 0 10px rgba(255, 107, 107, 0);
    }
    100% {
        box-shadow: 0 0 0 0 rgba(255, 107, 107, 0);
    }
}

/* Unanswered VIP questions - extra highlight */
.vip-topic.unanswered {
    background: linear-gradient(to right, #ffebee, #ffffff) !important;
    border: 2px solid #ff5252 !important;
    box-shadow: 0 2px 8px rgba(255, 82, 82, 0.2) !important;
}

.vip-topic.unanswered .topic-title {
    animation: blink 1.5s ease-in-out infinite;
}

@keyframes blink {
    0%, 100% {
        opacity: 1;
    }
    50% {
        opacity: 0.7;
    }
}

/* VIP member name in posts */
.post-author.vip-member {
    position: relative;
}

.post-author.vip-member::after {
    content: "VIP";
    position: absolute;
    top: -10px;
    right: -10px;
    background: #ff6b6b;
    color: white;
    padding: 2px 6px;
    border-radius: 10px;
    font-size: 10px;
    font-weight: bold;
}

/* VIP priority indicator */
.vip-priority-indicator {
    display: inline-block;
    width: 8px;
    height: 8px;
    background: #ff5252;
    border-radius: 50%;
    margin-right: 5px;
    animation: blink-dot 1s infinite;
}

@keyframes blink-dot {
    0%, 50%, 100% {
        opacity: 1;
    }
    25%, 75% {
        opacity: 0.3;
    }
}

/* Admin dashboard VIP notifications */
.admin-vip-notification {
    background: #fff3e0;
    border-left: 4px solid #ff9800;
    padding: 12px;
    margin: 10px 0;
}

.admin-vip-notification .vip-icon {
    color: #ff9800;
    font-size: 20px;
    margin-right: 10px;
    vertical-align: middle;
}

/* VIP questions counter badge */
.vip-questions-count {
    position: absolute;
    top: -8px;
    right: -8px;
    background: #ff5252;
    color: white;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 11px;
    font-weight: bold;
    box-shadow: 0 2px 4px rgba(0,0,0,0.2);
}

/* Mobile responsive */
@media (max-width: 768px) {
    .vip-topic .topic-title {
        font-size: 1.05em !important;
    }
    
    .vip-badge {
        font-size: 10px;
        padding: 2px 6px;
    }
}