/**
 * Ruh Comment v8.0 - Badge glow
 *
 * @package RuhComment
 * @version 8.0
 */

.badge-item:hover,
.badge-item-with-text:hover,
.comment-badge-item:hover {
    text-shadow:
        0 0 8px rgba(245,208,254,1),
        0 0 16px rgba(168,85,247,0.7) !important;
}

.badge-item[data-rarity="legendary"],
.badge-item-with-text[data-rarity="legendary"],
.comment-badge-item[data-rarity="legendary"] {
    background: linear-gradient(135deg, rgba(234,179,8,0.28), rgba(249,115,22,0.34)) !important;
    color: #fde68a !important;
    border-color: rgba(234,179,8,0.65) !important;
    text-shadow: 0 0 6px rgba(251,191,36,0.8) !important;
    box-shadow: 0 0 14px rgba(234,179,8,0.4), inset 0 1px 0 rgba(255,255,255,0.16) !important;
}

.badge-item[data-rarity="rare"],
.badge-item-with-text[data-rarity="rare"],
.comment-badge-item[data-rarity="rare"] {
    background: linear-gradient(135deg, rgba(6,182,212,0.24), rgba(59,130,246,0.3)) !important;
    color: #a5f3fc !important;
    border-color: rgba(6,182,212,0.55) !important;
    text-shadow: 0 0 6px rgba(6,182,212,0.8) !important;
    box-shadow: 0 0 12px rgba(6,182,212,0.3), inset 0 1px 0 rgba(255,255,255,0.12) !important;
}

.badge-item[data-rarity="auto"],
.badge-item-with-text[data-rarity="auto"],
.comment-badge-item[data-rarity="auto"] {
    background: linear-gradient(135deg, rgba(16,185,129,0.2), rgba(6,182,212,0.26)) !important;
    color: #a7f3d0 !important;
    border-color: rgba(16,185,129,0.5) !important;
    box-shadow: 0 0 10px rgba(16,185,129,0.28), inset 0 1px 0 rgba(255,255,255,0.12) !important;
}