/* Desktop Scrollbar Styling */
::-webkit-scrollbar {
  width: 8px;
}

::-webkit-scrollbar-track {
  background: #0e1116; /* dark background track */
}

::-webkit-scrollbar-thumb {
  background: linear-gradient(180deg, #5d5fef, #6f9bfa); /* branded gradient */
  border-radius: 10px;
}

::-webkit-scrollbar-thumb:hover {
  background: linear-gradient(180deg, #4a5be0, #5d85f5);
}

/* Firefox Support */
body {
  scrollbar-width: thin;
  scrollbar-color: #6f9bfa #0e1116;
}

/* Hide scrollbar on mobile (below 768px) */
@media (max-width: 768px) {
  ::-webkit-scrollbar {
    display: none;
  }

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

#page-loader {
  overflow: hidden;
}

body.loading {
  overflow: hidden; /* Prevent double scrollbar while loading */
}