/* custom.css */
/* small helper: make scrollbars subtle for movie rows */
.movie-row { scrollbar-width: thin; }
.movie-row::-webkit-scrollbar { height: 8px; }
.movie-row::-webkit-scrollbar-thumb { background: rgba(148,163,184,0.2); border-radius: 999px; }

/* responsive poster heights */
.movie-card img { height: 220px; object-fit: cover; }
@media (min-width: 1024px) {
  .movie-card img { height: 260px; }
}

/* animated gradient for hero */
@keyframes gradient-x {
  0%, 100% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
}
.animate-gradient-x {
  background: linear-gradient(90deg, #0f0f0f, #111827, #7f1d1d, #0f0f0f);
  background-size: 200% 200%;
  animation: gradient-x 8s ease infinite;
}

/* smooth color transitions */
html { transition: background-color 0.35s ease, color 0.35s ease; }

/* small utility */
.line-clamp-2 { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }