/* =========================================================
   AConfession App Scrollbar Cleanup
   Path: public_html/assets/css/scrollbar-cleanup.css
   Purpose: hide browser/shell scrollbars while keeping normal touch/mouse scrolling.
   ========================================================= */

html,
body,
.acf-body,
.mobile-shell,
.app-content {
  -ms-overflow-style: none !important;
  scrollbar-width: none !important;
  scrollbar-gutter: auto !important;
}

html::-webkit-scrollbar,
body::-webkit-scrollbar,
.acf-body::-webkit-scrollbar,
.mobile-shell::-webkit-scrollbar,
.app-content::-webkit-scrollbar {
  width: 0 !important;
  height: 0 !important;
  display: none !important;
  background: transparent !important;
}

html,
body {
  max-width: 100% !important;
  overflow-x: hidden !important;
}

.mobile-shell,
.app-content {
  max-width: 100% !important;
  overflow-x: hidden !important;
}

/* Hide visual scrollbars on small app-like strips without disabling scrolling. */
.feed-tabs,
.me-tabs,
.account-tabs,
.rooms-filter-row,
.rooms-toolbar,
.acf-search-suggestions {
  -ms-overflow-style: none !important;
  scrollbar-width: none !important;
}

.feed-tabs::-webkit-scrollbar,
.me-tabs::-webkit-scrollbar,
.account-tabs::-webkit-scrollbar,
.rooms-filter-row::-webkit-scrollbar,
.rooms-toolbar::-webkit-scrollbar,
.acf-search-suggestions::-webkit-scrollbar {
  width: 0 !important;
  height: 0 !important;
  display: none !important;
}