@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;600;800&display=swap');

:root {
    --bg-color: #141414; /* Nero meno profondo, stile Netflix */
    --card-bg: #1f1f1f;
    --primary: #e50914;
}

body {
    background-color: var(--bg-color);
    font-family: 'Inter', sans-serif;
    -webkit-tap-highlight-color: transparent;
}

/* Nascondi scrollbar ma mantieni funzionalità */
.hide-scroll::-webkit-scrollbar {
    display: none;
}
.hide-scroll {
    -ms-overflow-style: none;
    scrollbar-width: none;
}

/* Effetto Shimmer per gli Skeleton (Caricamento) */
.skeleton {
    background: #262626;
    background-image: linear-gradient(to right, #262626 0%, #404040 20%, #262626 40%, #262626 100%);
    background-repeat: no-repeat;
    background-size: 800px 100%; 
    animation: shimmer 1.5s infinite linear forwards;
}

@keyframes shimmer {
    0% { background-position: -468px 0; }
    100% { background-position: 468px 0; }
}

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

/* Hover Card Zoom */
.movie-card-hover:hover img {
    transform: scale(1.05);
}