/* Hide scrollbars across the site while maintaining scrollability */
* {
  scrollbar-width: none; /* Firefox */
  -ms-overflow-style: none; /* IE and Edge */
}

/* Hide scrollbars for Chrome, Safari and Opera */
*::-webkit-scrollbar {
  display: none;
}

/* Enable smooth scrolling for better user experience */
html {
  scroll-behavior: smooth;
}

/* Elements that need horizontal scrolling */
.scrollable-horizontal {
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch; /* smooth scrolling on iOS */
  cursor: grab;
}

/* Elements that need vertical scrolling */
.scrollable-vertical {
  overflow-y: auto;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch; /* smooth scrolling on iOS */
  cursor: grab;
}

/* Style for active grabbing */
.scrollable-horizontal:active,
.scrollable-vertical:active {
  cursor: grabbing;
}