/* Event Rewards Styling */

/* Table Rewards */
.reward-display {
    min-width: 180px;
    max-width: 220px;
}

.reward-item,
.reward-gold,
.reward-skill,
.reward-default {
    transition: all 0.3s ease;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
}

.reward-item:hover,
.reward-gold:hover,
.reward-skill:hover,
.reward-default:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.3);
}

.no-reward {
    opacity: 0.6;
}

/* Podium Rewards */
.podium-reward {
    margin-top: 0.75rem;
    width: 100%;
    max-width: 200px;
}

.reward-item-podium,
.reward-gold-podium,
.reward-skill-podium,
.reward-default-podium {
    transition: all 0.3s ease;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
    animation: rewardGlow 3s ease-in-out infinite;
}

.reward-item-podium:hover,
.reward-gold-podium:hover,
.reward-skill-podium:hover,
.reward-default-podium:hover {
    transform: translateY(-3px) scale(1.05);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.4);
}

/* Champion Rewards - Special styling for 1st place */
.champion-reward {
    margin-top: 1rem;
    width: 100%;
    max-width: 240px;
}

.reward-item-champion,
.reward-gold-champion,
.reward-skill-champion,
.reward-default-champion {
    transition: all 0.3s ease;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.4);
    animation: championGlow 2s ease-in-out infinite alternate;
    position: relative;
    overflow: hidden;
}

.reward-item-champion:hover,
.reward-gold-champion:hover,
.reward-skill-champion:hover,
.reward-default-champion:hover {
    transform: translateY(-4px) scale(1.08);
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5);
}

/* Glow animations */
@keyframes rewardGlow {
    0%, 100% {
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
    }
    50% {
        box-shadow: 0 4px 20px rgba(147, 51, 234, 0.4);
    }
}

@keyframes championGlow {
    0% {
        box-shadow: 0 6px 20px rgba(0, 0, 0, 0.4), 0 0 20px rgba(255, 215, 0, 0.3);
    }
    100% {
        box-shadow: 0 6px 25px rgba(0, 0, 0, 0.5), 0 0 30px rgba(255, 215, 0, 0.5);
    }
}

/* Reward type specific styling */
.reward-item-champion::before,
.reward-item-podium::before {
    content: '';
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: linear-gradient(45deg, transparent, rgba(59, 130, 246, 0.1), transparent);
    animation: shimmer 3s infinite;
}

.reward-gold-champion::before,
.reward-gold-podium::before {
    content: '';
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: linear-gradient(45deg, transparent, rgba(251, 191, 36, 0.1), transparent);
    animation: shimmer 3s infinite;
}

.reward-silk-champion::before,
.reward-silk-podium::before,
.reward-silk::before {
    content: '';
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: linear-gradient(45deg, transparent, rgba(236, 72, 153, 0.1), transparent);
    animation: shimmer 3s infinite;
}

.reward-donate-champion::before,
.reward-donate-podium::before,
.reward-donate::before {
    content: '';
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: linear-gradient(45deg, transparent, rgba(147, 51, 234, 0.1), transparent);
    animation: shimmer 3s infinite;
}

.reward-package-champion::before,
.reward-package-podium::before,
.reward-package::before {
    content: '';
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: linear-gradient(45deg, transparent, rgba(99, 102, 241, 0.1), transparent);
    animation: shimmer 3s infinite;
}

.reward-skill-champion::before,
.reward-skill-podium::before {
    content: '';
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: linear-gradient(45deg, transparent, rgba(34, 197, 94, 0.1), transparent);
    animation: shimmer 3s infinite;
}

@keyframes shimmer {
    0% {
        transform: translateX(-100%) translateY(-100%) rotate(45deg);
    }
    100% {
        transform: translateX(100%) translateY(100%) rotate(45deg);
    }
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .reward-display {
        min-width: 140px;
        max-width: 160px;
    }

    .podium-reward {
        max-width: 160px;
    }

    .champion-reward {
        max-width: 180px;
    }

    .reward-item-champion,
    .reward-gold-champion,
    .reward-skill-champion,
    .reward-default-champion {
        padding: 0.5rem 0.75rem;
    }

    .reward-item-podium,
    .reward-gold-podium,
    .reward-skill-podium,
    .reward-default-podium {
        padding: 0.375rem 0.5rem;
    }
}

/* RTL Support */
[dir="rtl"] .reward-display,
[dir="rtl"] .podium-reward,
[dir="rtl"] .champion-reward {
    direction: ltr;
}

[dir="rtl"] .reward-display .flex,
[dir="rtl"] .podium-reward .flex,
[dir="rtl"] .champion-reward .flex {
    flex-direction: row-reverse;
}