/* Medalje page specific styles */

.nav-glass {
    background: rgba(17, 24, 39, 0.95) !important;
    backdrop-filter: blur(20px) !important;
    -webkit-backdrop-filter: blur(20px) !important;
    border-bottom: 1px solid rgba(245, 158, 11, 0.2) !important;
}

.btn-hover {
    box-shadow: 0 4px 15px rgba(245, 158, 11, 0.3);
    transition: box-shadow .25s ease;
}

.btn-hover:hover {
    box-shadow: 0 8px 25px rgba(245, 158, 11, 0.5);
}

/* Mobile menu toggle */
#mobileMenu.show {
    display: block !important;
}

/* Custom scrollbar for results */
.overflow-y-auto::-webkit-scrollbar {
    width: 6px;
}

.overflow-y-auto::-webkit-scrollbar-track {
    background: rgba(255, 255, 255, 0.1);
    border-radius: 3px;
}

.overflow-y-auto::-webkit-scrollbar-thumb {
    background: rgba(245, 158, 11, 0.5);
    border-radius: 3px;
}

.overflow-y-auto::-webkit-scrollbar-thumb:hover {
    background: rgba(245, 158, 11, 0.7);
}

/* Medal card states */
.medal-card {
    border-color: rgba(255,255,255,0.25);
    position: relative;
}
.medal-card.completed {
    border-color: rgba(16,185,129,0.6) !important;
    box-shadow: 0 0 0 1px rgba(16,185,129,0.4), 0 0 12px 2px rgba(16,185,129,0.35);
}
.medal-card.completed:hover {
    box-shadow: 0 0 0 1px rgba(16,185,129,0.7), 0 0 16px 4px rgba(16,185,129,0.5);
}
.medal-card.not-completed {
    border-color: rgba(255,255,255,0.15) !important;
    filter: grayscale(10%) brightness(0.9);
}
.medal-card.not-completed:hover {
    filter: grayscale(0%) brightness(1);
}

/* Progress bar subtle animation */
.medal-progress-fill {
    transition: background-color .3s ease, box-shadow .3s ease;
}

/* Smaller text tweaks */
.medal-card span.text-gray-400, .medal-card span.text-gray-300 {
    font-size: 0.78rem;
}