/* Hide default scrollbar across browsers */
html {
  /* scrollbar-width: none; Firefox */
  /* -ms-overflow-style: none; IE and Edge */
  overflow-x: hidden; /* Prevent horizontal scroll */
  width: 100%;
}

html::-webkit-scrollbar {
  display: none; /* Chrome, Safari, Opera */
  width: 0;
  height: 0;
}

body {
  /* scrollbar-width: none; Firefox */
  /* -ms-overflow-style: none; IE and Edge */
  overflow-y: auto; /* Changed from scroll to auto */
  overflow-x: hidden; /* Prevent horizontal scroll */
  position: relative; /* For scroll indicator positioning */
  width: 100%;
  max-width: 100vw; /* Ensure body doesn't exceed viewport width */
  overflow-y: hidden;
}

body::-webkit-scrollbar {
  /* display: none; Chrome, Safari, Opera */
  width: 0;
  height: 0;
}

/* Custom scroll indicator */
.scroll-indicator-container {
  position: fixed;
  top: 0;
  left: 0;
  width: 5px; /* Increased from 3px for better visibility */
  height: 100%;
  z-index: 9999;
  pointer-events: none; /* Don't interfere with page interactions */
}

.scroll-indicator {
  width: 100%;
  /* background: rgba(255, 255, 255, 0.5); Increased opacity from 0.3 to 0.5 */
  height: 0;
  transform-origin: top;
  transition: transform 0.1s ease-out; /* Smooth animation when scrolling */
}

/* Add subtle pulsing animation */
@keyframes pulse {
  0% {
    opacity: 0.5;
  }
  50% {
    opacity: 0.8;
  }
  100% {
    opacity: 0.5;
  }
}



/* Hide scrollbars for all elements */
/* * {
  scrollbar-width: none;
  -ms-overflow-style: none;
}

*::-webkit-scrollbar {
  display: none;
  width: 0;
  height: 0;
} */