/* Gallery Hover Effects and Parallax */

/* Enable 3D perspective for cards */
.netflix-gallery {
  perspective: 1000px;
}

/* Content card hover effects */
.content-card {
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  transform-style: preserve-3d;
  will-change: transform;
  position: relative;
  overflow: hidden;
  --gradient-angle: 0deg;
}

/* Gradient border effect - REMOVED */

/* Card image transition */
.card-img {
  transition: transform 0.3s ease, filter 0.3s ease;
  will-change: transform;
}

/* Card info transition */
.card-info {
  transition: opacity 0.3s ease, transform 0.3s ease;
  will-change: transform, opacity;
}

/* Play button animation */
.play-button {
  transition: opacity 0.3s ease, transform 0.3s ease;
}

.content-card:hover .play-button {
  animation: pulse 1.5s infinite;
}

@keyframes pulse {
  0% {
    transform: translate(-50%, -50%) scale(1);
    box-shadow: 0 0 0 0 rgba(0, 188, 212, 0.7);
  }
  70% {
    transform: translate(-50%, -50%) scale(1.1);
    box-shadow: 0 0 0 10px rgba(0, 188, 212, 0);
  }
  100% {
    transform: translate(-50%, -50%) scale(1);
    box-shadow: 0 0 0 0 rgba(0, 188, 212, 0);
  }
}

/* Category tags styles removed - tags are no longer displayed */

/* Filter button effects */
.filter-btn {
  position: relative;
  overflow: hidden;
  transition: background-color 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease;
}

.filter-btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}

.filter-btn.pulse {
  animation: buttonPulse 0.5s ease;
}

@keyframes buttonPulse {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.05);
  }
  100% {
    transform: scale(1);
  }
}

/* Ripple effect */
.ripple {
  position: absolute;
  border-radius: 50%;
  background-color: rgba(255, 255, 255, 0.4);
  transform: scale(0);
  animation: ripple 0.6s linear;
  pointer-events: none;
}

@keyframes ripple {
  to {
    transform: scale(2);
    opacity: 0;
  }
}

/* Hero carousel parallax */
.carousel-slide .slide-background,
.carousel-slide .slide-info {
  transition: transform 0.3s ease;
  will-change: transform;
}

/* Card hover effect - no blur on surrounding cards */
.row-container:hover .content-card:not(:hover) {
  /* Removed blur effect as requested */
  transform: scale(0.98);
}

/* Text animation for card info */
.content-card:hover .card-title {
  animation: slideUp 0.3s ease forwards;
}

.content-card:hover .card-desc {
  animation: slideUp 0.3s ease 0.1s forwards;
}

@keyframes slideUp {
  from {
    opacity: 0;
    transform: translateY(10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* Responsive adjustments */
@media (max-width: 768px) {
  .content-card:hover {
    transform: scale(1.03); /* Smaller scale on mobile */
  }

  .row-container:hover .content-card:not(:hover) {
    /* Removed blur effect on mobile as well */
    transform: scale(0.98);
  }
}

/* Ensure 3D transforms work properly */
.netflix-gallery {
  transform-style: preserve-3d;
}

.content-row {
  transform-style: preserve-3d;
}

.row-container {
  transform-style: preserve-3d;
}