/* Custom Scrollbar Styles */

/* Chrome, Safari, Edge ko laagi */
.custom-scrollbar::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

.custom-scrollbar::-webkit-scrollbar-track {
  background: transparent;
  margin: 4px 0;
}

.custom-scrollbar::-webkit-scrollbar-thumb {
  background-color: rgba(156, 163, 175, 0.3);
  border-radius: 9999px;
  border: 2px solid transparent;
}

.custom-scrollbar::-webkit-scrollbar-thumb:hover {
  background-color: rgba(156, 163, 175, 0.5);
}

/* Firefox ko laagi */
.custom-scrollbar {
  scrollbar-width: thin;
  scrollbar-color: rgba(156, 163, 175, 0.3) transparent;
}

/* Dark mode ko laagi */
@media (prefers-color-scheme: dark) {
  .custom-scrollbar::-webkit-scrollbar-thumb {
    background-color: rgba(156, 163, 175, 0.2);
  }
  
  .custom-scrollbar::-webkit-scrollbar-thumb:hover {
    background-color: rgba(156, 163, 175, 0.4);
  }
  
  .custom-scrollbar {
    scrollbar-color: rgba(156, 163, 175, 0.2) transparent;
  }
}

/* Purai application ko laagi smooth scrolling */
html {
  scroll-behavior: smooth;
}

/* Firefox ko specific smooth scrolling ko laagi */
* {
  scrollbar-behavior: smooth;
}