/* Custom Scrollbar */
::-webkit-scrollbar {
width: 8px;
}
::-webkit-scrollbar-track {
background: #050505;
}
::-webkit-scrollbar-thumb {
background: #333;
border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
background: #e11d48;
}

.glass-nav {
background: rgba(5, 5, 5, 0.85);
backdrop-filter: blur(12px);
-webkit-backdrop-filter: blur(12px);
border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}

.neon-text-hover:hover {
text-shadow: 0 0 10px rgba(225, 29, 72, 0.8), 0 0 20px rgba(126, 34, 206, 0.6);
}

.fade-in-up {
opacity: 0;
transform: translateY(20px);
transition: opacity 0.8s ease-out, transform 0.8s ease-out;
}

.visible {
opacity: 1;
transform: translateY(0);
}

.artist-img-container {
overflow: hidden;
position: relative;
}

.artist-img-overlay {
position: absolute;
inset: 0;
background: linear-gradient(45deg, rgba(225, 29, 72, 0.4), rgba(126, 34, 206, 0.4));
mix-blend-mode: overlay;
opacity: 0.6;
transition: opacity 0.5s ease;
}

.artist-img-container:hover .artist-img-overlay {
opacity: 0;
}

.artist-img {
transition: transform 0.7s ease, filter 0.7s ease;
filter: grayscale(100%) contrast(120%);
}

.artist-img-container:hover .artist-img {
transform: scale(1.05);
filter: grayscale(0%) contrast(100%);
}

.gradient-text {
background: linear-gradient(to right, #ffffff, #e11d48);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}

.mobile-menu-closed {
  opacity: 0;
  transform: translateY(-20px);
  pointer-events: none;
}

/* Custom rule for wide screens */
@media (min-width: 1920px) {
    .max-w-7xl {
        max-width: 90vw;
    }
}