/* Hide scrollbars for textareas across all browsers */
textarea::-webkit-scrollbar {
  display: none;
}

textarea {
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
}


/* Animations & Micro-interactions */
@keyframes success-pop {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.2);
    background-color: #bafca2;
    color: #1a1625;
    border-color: #bafca2;
  }
  100% {
    transform: scale(1);
  }
}

.success-pop {
  animation: success-pop 0.4s ease-out forwards;
}

/* Float styling for header emoji */
@keyframes float {
  0%, 100% {
    transform: translateY(0) rotate(0deg);
  }
  50% {
    transform: translateY(-8px) rotate(3deg);
  }
}

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

/* Soft pulse glow for output area when text is copied */
@keyframes glow-pulse {
  0%, 100% {
    box-shadow: 0 0 0 0px rgba(186, 252, 162, 0);
  }
  50% {
    box-shadow: 0 0 15px 4px rgba(186, 252, 162, 0.4);
  }
}

.copy-glow {
  animation: glow-pulse 0.8s ease-out;
}

/* Custom checkbox checkmark transition */
#numberingToggle:checked ~ div i {
  opacity: 1 !important;
  transform: scale(1) !important;
}