/* Global Scrollbar Hide - Load this LAST to override everything */

/* Universal scrollbar hide */
* {
  scrollbar-width: none !important;
  -ms-overflow-style: none !important;
}

*::-webkit-scrollbar {
  display: none !important;
  width: 0px !important;
  height: 0px !important;
  background: transparent !important;
}

/* Specific elements */
html,
body,
#root,
div,
main,
section,
article {
  scrollbar-width: none !important;
  -ms-overflow-style: none !important;
}

html::-webkit-scrollbar,
body::-webkit-scrollbar,
#root::-webkit-scrollbar,
div::-webkit-scrollbar,
main::-webkit-scrollbar,
section::-webkit-scrollbar,
article::-webkit-scrollbar {
  display: none !important;
  width: 0px !important;
  height: 0px !important;
}

/* Ensure scrolling still works */
html,
body {
  overflow-y: auto !important;
  overflow-x: hidden !important;
}