/* Custom Styles for Disney Landing Page */

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

.animate-fadeIn {
  animation: fadeIn 1.2s ease-out;
}

/* Language specific styling */
.lang-active {
  font-weight: 600;
}

/* Hide or show language-specific content */
.text-en, .text-ru {
  transition: opacity 0.3s ease;
}

/* Custom Mickey Mouse cursor */
.mickey-cursor {
  cursor: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><circle cx="12" cy="12" r="8" fill="%23000000"/><circle cx="6" cy="6" r="4" fill="%23000000"/><circle cx="18" cy="6" r="4" fill="%23000000"/></svg>') 12 12, auto;
}

/* Custom Disney-style hover effects */
.disney-hover {
  position: relative;
  overflow: hidden;
}

.disney-hover::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: #0078D2;
  transform: scaleX(0);
  transform-origin: right;
  transition: transform 0.3s ease;
}

.disney-hover:hover::after {
  transform: scaleX(1);
  transform-origin: left;
}

/* Magic sparkle effect on hero buttons */
@keyframes sparkle {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}

.magic-sparkle:hover {
  background: linear-gradient(90deg, #0078D2, #6A5ACD, #F2889B, #0078D2);
  background-size: 300% 100%;
  animation: sparkle 4s infinite;
}

/* Mobile responsive adjustments */
@media (max-width: 768px) {
  .container {
    padding-left: 1rem;
    padding-right: 1rem;
  }
  
  h1 {
    font-size: 2.5rem !important;
  }
  
  h2 {
    font-size: 2rem !important;
  }
}