/* ============================================
   CHAT STYLES
   Стили для игрового чата
   ============================================ */

/* ===== ОСНОВНЫЕ СТИЛИ ЧАТА ===== */

.global-chat-img {
    width: 16px;
}

.global-chat-btn {
    bottom: 6px;
    left: 250px;
    position: absolute;
}

/* ===== ЦВЕТНЫЕ НИКИ В ЧАТЕ ПО РОЛЯМ ===== */

/* Владелец сервера - бирюзовый */
.chat-owner {
    color: #1abc9c !important;
    font-weight: bold;
}

/* Администратор - оранжевый */
.chat-admin {
    color: #ff9933 !important;
    font-weight: bold;
}

/* Модератор - зеленый */
.chat-moderator {
    color: #2ecc71 !important;
    font-weight: bold;
}

/* VIP - премиум золотой с эффектами */
.chat-vip {
    background: linear-gradient(135deg, #ffd700 0%, #ffed4e 50%, #ffd700 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    font-weight: bold;
    text-shadow: 0 0 10px rgba(255, 215, 0, 0.5), 0 0 20px rgba(255, 215, 0, 0.3);
    filter: drop-shadow(0 0 8px rgba(255, 215, 0, 0.4));
}

/* Тестер - яркий фиолетовый с эффектом */
.chat-tester {
    color: #c77dff !important;
    font-weight: bold;
    text-shadow: 0 0 8px rgba(199, 125, 255, 0.4);
}

/* Приватное сообщение - фиолетовый акцент */
.chat-private {
    background: rgba(155, 89, 182, 0.15) !important;
    border-left: 3px solid #9b59b6;
    padding-left: 8px !important;
    animation: privatePulse 0.5s ease;
}

@keyframes privatePulse {
    0% { background: rgba(155, 89, 182, 0.3); }
    100% { background: rgba(155, 89, 182, 0.15); }
}

.chat-private:hover {
    background: rgba(155, 89, 182, 0.25) !important;
}

.chat-private .chat-message-nick {
    color: #9b59b6 !important;
}

/* ===== СОВРЕМЕННЫЙ ДИЗАЙН СООБЩЕНИЙ ===== */

/* Полупрозрачный фон для сообщений */
.chat-message {
    background: rgba(255, 255, 255, 0.03);
    padding: 4px 8px;
    margin: 2px 0;
    border-radius: 4px;
    transition: background 0.2s ease;
}

.chat-message:hover {
    background: rgba(255, 255, 255, 0.08);
}

/* Разделитель между сообщениями */
.chat-message + .chat-message {
    border-top: 1px solid rgba(255, 255, 255, 0.05);
}

/* ===== ПОДСВЕТКА УПОМИНАНИЯ ТВОЕГО НИКА ===== */

.chat-mention {
    background: rgba(241, 196, 15, 0.15) !important;
    border-left: 3px solid #f1c40f;
    padding-left: 8px !important;
    animation: mentionPulse 0.5s ease;
}

@keyframes mentionPulse {
    0% { background: rgba(241, 196, 15, 0.3); }
    100% { background: rgba(241, 196, 15, 0.15); }
}

.chat-mention:hover {
    background: rgba(241, 196, 15, 0.25) !important;
}