@import url('https://fonts.googleapis.com/css2?family=Vazirmatn:wght@300;400;500;600;700&display=swap');

body {
  font-family: 'Vazirmatn', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  direction: rtl;
  text-align: right;
}

/* Smooth drag and drop active state */
.drop-zone-active {
  border-color: #2563eb !important;
  background-color: #eff6ff !important;
}

/* Spinner animation */
@keyframes spin {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
}

.animate-spin-custom {
  animation: spin 1s linear infinite;
}

/* Telegram / iOS Drum Picker Viewport styling */
.wheel-scroll-viewport::-webkit-scrollbar {
  display: none !important;
  width: 0 !important;
  height: 0 !important;
}

.wheel-scroll-viewport {
  -ms-overflow-style: none !important;
  scrollbar-width: none !important;
  touch-action: pan-y;
}

.wheel-item .wheel-label {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  user-select: none;
  -webkit-user-select: none;
}