/* Custom CSS for CodeStack */

/* Disable scrollbar for a cleaner look while retaining functionality */
::-webkit-scrollbar {
  width: 8px;
}

::-webkit-scrollbar-track {
  background: #F8FAFC;
}

::-webkit-scrollbar-thumb {
  background: #CBD5E1;
  border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
  background: #94A3B8;
}

/* Animations */
@keyframes float {
  0% {
    transform: translateY(0px);
  }

  50% {
    transform: translateY(-15px);
  }

  100% {
    transform: translateY(0px);
  }
}

.animate-float {
  animation: float 6s ease-in-out infinite;
}

/* Fade In Up Scroll Animation */
.fade-in-up {
  opacity: 0;
  transform: translateY(30px);
  transition: opacity 0.8s cubic-bezier(0.22, 1, 0.36, 1), transform 0.8s cubic-bezier(0.22, 1, 0.36, 1);
}

.fade-in-up.visible {
  opacity: 1;
  transform: translateY(0);
}

/* Cursor Utilities */
body.hovering-link #cursor-dot {
  transform: scale(0);
}

body.hovering-link #cursor-ring {
  transform: scale(1.5);
  border-color: #2563EB;
  background-color: rgba(37, 99, 235, 0.1);
}

/* Custom Dropdown Active States */
.custom-select-wrapper.active .custom-options {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

.custom-select-wrapper.active .custom-select-trigger {
  border-color: #2563EB;
  background-color: #FFFFFF;
  box-shadow: 0 0 0 4px rgba(37, 99, 235, 0.1);
}

.custom-select-wrapper.active .custom-select-trigger i {
  transform: rotate(180deg);
  color: #2563EB;
}