/* Custom styles for Markdown Syntax Remover */

/* Toast animations */
@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(0.5rem);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes fadeOutDown {
  from {
    opacity: 1;
    transform: translateY(0);
  }
  to {
    opacity: 0;
    transform: translateY(0.5rem);
  }
}

.toast-in {
  animation: fadeInUp 0.2s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}

.toast-out {
  animation: fadeOutDown 0.2s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}

/* Custom scrollbars for textareas to match the UI theme */
textarea::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}

textarea::-webkit-scrollbar-track {
  background: transparent;
}

textarea::-webkit-scrollbar-thumb {
  background-color: rgba(156, 163, 175, 0.25);
  border-radius: 9999px;
}

textarea::-webkit-scrollbar-thumb:hover {
  background-color: rgba(156, 163, 175, 0.45);
}

.dark textarea::-webkit-scrollbar-thumb {
  background-color: rgba(75, 85, 99, 0.3);
}

.dark textarea::-webkit-scrollbar-thumb:hover {
  background-color: rgba(75, 85, 99, 0.55);
}

/* Accordion details focus/active behavior transitions */
details summary::-webkit-details-marker {
  display: none;
}

details[open] summary svg {
  transform: rotate(180deg);
}

/* Extra focus indicators for accessibility */
textarea:focus {
  outline: none;
}