/* ============================================
   Enhanced Visual Effects - 2025 Edition
   ============================================ */

/* Advanced Glass Effects */
.glass-enhanced {
  background: rgba(255, 255, 255, 0.07);
  backdrop-filter: blur(20px) saturate(180%);
  border: 1px solid rgba(255, 255, 255, 0.15);
  box-shadow: 
    0 8px 32px rgba(0, 0, 0, 0.1),
    inset 0 1px 0 rgba(255, 255, 255, 0.2);
  transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.glass-enhanced:hover {
  background: rgba(255, 255, 255, 0.12);
  border-color: rgba(255, 255, 255, 0.25);
  transform: translateY(-2px);
  box-shadow: 
    0 16px 64px rgba(0, 0, 0, 0.15),
    inset 0 1px 0 rgba(255, 255, 255, 0.3);
}

/* UFO Floating Animation Enhancement */
@keyframes ufoFloat {
  0%, 100% { 
    transform: translateY(0px) rotate(0deg);
    filter: drop-shadow(0 10px 20px rgba(var(--color-primary-rgb), 0.3));
  }
  25% { 
    transform: translateY(-15px) rotate(1deg);
    filter: drop-shadow(0 15px 30px rgba(var(--color-secondary-rgb), 0.4));
  }
  50% { 
    transform: translateY(-8px) rotate(0deg);
    filter: drop-shadow(0 20px 40px rgba(var(--color-accent-rgb), 0.5));
  }
  75% { 
    transform: translateY(-20px) rotate(-1deg);
    filter: drop-shadow(0 15px 30px rgba(var(--color-primary-rgb), 0.4));
  }
}

.ufo-enhanced {
  animation: ufoFloat 6s ease-in-out infinite;
  will-change: transform, filter;
}

/* Advanced Candy Button Effects */
.candy-button-enhanced {
  position: relative;
  background: linear-gradient(135deg, 
    var(--color-primary) 0%, 
    var(--color-secondary) 50%, 
    var(--color-accent) 100%);
  border: none;
  color: white;
  font-weight: 600;
  padding: 1rem 2rem;
  border-radius: 2rem;
  cursor: pointer;
  overflow: hidden;
  transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  box-shadow: 
    0 4px 20px rgba(var(--color-primary-rgb), 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.2);
}

.candy-button-enhanced::before {
  content: '';
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, 
    transparent, 
    rgba(255, 255, 255, 0.3), 
    transparent);
  transition: left 0.5s ease;
}

.candy-button-enhanced:hover::before {
  left: 100%;
}

.candy-button-enhanced:hover {
  transform: translateY(-3px) scale(1.05);
  box-shadow: 
    0 8px 30px rgba(var(--color-primary-rgb), 0.6),
    inset 0 1px 0 rgba(255, 255, 255, 0.3);
}

.candy-button-enhanced:active {
  transform: translateY(-1px) scale(1.02);
  transition: all 0.1s ease;
}

/* Enhanced Spotlight Typography */
.spotlight-text-enhanced {
  background: linear-gradient(135deg,
    var(--color-primary) 0%,
    var(--color-secondary) 30%,
    var(--color-accent) 60%,
    var(--color-primary) 100%);
  background-size: 300% 300%;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  animation: spotlightMove 4s ease-in-out infinite;
  font-weight: 800;
  position: relative;
}

@keyframes spotlightMove {
  0%, 100% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
}

.spotlight-text-enhanced::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: inherit;
  background-clip: text;
  -webkit-background-clip: text;
  filter: blur(8px);
  opacity: 0.5;
  z-index: -1;
}

/* Advanced Card Hover Effects */
.modern-card-enhanced {
  position: relative;
  background: rgba(255, 255, 255, 0.05);
  backdrop-filter: blur(20px);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 1.5rem;
  padding: 2rem;
  transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  overflow: hidden;
}

.modern-card-enhanced::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 2px;
  background: var(--gradient-candy);
  transform: translateX(-100%);
  transition: transform 0.6s ease;
}

.modern-card-enhanced:hover::before {
  transform: translateX(0);
}

.modern-card-enhanced:hover {
  background: rgba(255, 255, 255, 0.1);
  border-color: rgba(255, 255, 255, 0.2);
  transform: translateY(-8px);
  box-shadow: 
    0 20px 40px rgba(0, 0, 0, 0.15),
    0 0 0 1px rgba(255, 255, 255, 0.1);
}

/* Parallax Scroll Effects */
.parallax-element {
  transition: transform 0.1s ease-out;
  will-change: transform;
}

/* Advanced Loading Animation */
@keyframes shimmer {
  0% { transform: translateX(-100%); }
  100% { transform: translateX(100%); }
}

.shimmer-effect {
  position: relative;
  overflow: hidden;
}

.shimmer-effect::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg,
    transparent,
    rgba(255, 255, 255, 0.3),
    transparent);
  animation: shimmer 2s infinite;
}

/* Enhanced Scrollbar */
::-webkit-scrollbar {
  width: 8px;
}

::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0.1);
  border-radius: 4px;
}

::-webkit-scrollbar-thumb {
  background: var(--gradient-candy);
  border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
  background: linear-gradient(135deg, 
    var(--color-secondary) 0%, 
    var(--color-primary) 100%);
}

/* High Performance Optimizations */
.gpu-optimized {
  transform: translateZ(0);
  backface-visibility: hidden;
  perspective: 1000px;
}

/* Advanced Responsive Utilities */
@media (max-width: 768px) {
  .candy-button-enhanced {
    padding: 0.875rem 1.5rem;
    font-size: 0.9rem;
  }
  
  .modern-card-enhanced {
    padding: 1.5rem;
    border-radius: 1rem;
  }
  
  .ufo-enhanced {
    animation-duration: 4s;
  }
}

@media (prefers-reduced-motion: reduce) {
  .ufo-enhanced,
  .spotlight-text-enhanced,
  .shimmer-effect::after {
    animation: none;
  }
  
  .glass-enhanced,
  .candy-button-enhanced,
  .modern-card-enhanced {
    transition: none;
  }
}

/* Dark Mode Enhancements */
@media (prefers-color-scheme: dark) {
  .glass-enhanced {
    background: rgba(0, 0, 0, 0.4);
    border-color: rgba(255, 255, 255, 0.1);
  }
  
  .modern-card-enhanced {
    background: rgba(0, 0, 0, 0.3);
  }
}

/* Touch Device Optimizations */
@media (hover: none) and (pointer: coarse) {
  .candy-button-enhanced:hover {
    transform: none;
  }
  
  .modern-card-enhanced:hover {
    transform: none;
  }
}

/* Print Styles */
@media print {
  .ufo-enhanced,
  .shimmer-effect,
  .theme-switcher {
    display: none;
  }
}