/* ============================================================
   Uniqueue — hide-scrollbars.css
   1) Always reserve scrollbar gutter → no layout jump when
      content grows from "fits viewport" to "needs scroll".
   2) Hide the scrollbar chrome (still scrollable with wheel /
      trackpad / touch / keyboard).
   Load AFTER theme.css in header.php.
   ============================================================ */

html {
  /* Reserve space even when not overflowing — stops layout shift */
  scrollbar-gutter: stable;
  /* Firefox: hide bar but keep gutter behavior where supported */
  scrollbar-width: none;
  -ms-overflow-style: none;
}

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

body {
  scrollbar-width: none;
  -ms-overflow-style: none;
  /* ensure body can grow and scroll with the document */
  min-height: 100%;
}

body::-webkit-scrollbar {
  width: 0 !important;
  height: 0 !important;
  display: none !important;
}

/* Nested scroll areas: hide bar, allow overflow scroll */
.od-wrap,
.modal-card__body,
.notif-drawer__body,
.office-notif-modal__body,
.reports-modal__body,
.wiz-body,
.step-list,
.req-table-wrap,
.checkbox-list,
aside.od-sidebar,
.od-sidebar {
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.od-wrap::-webkit-scrollbar,
.modal-card__body::-webkit-scrollbar,
.notif-drawer__body::-webkit-scrollbar,
.office-notif-modal__body::-webkit-scrollbar,
.reports-modal__body::-webkit-scrollbar,
.wiz-body::-webkit-scrollbar,
.step-list::-webkit-scrollbar,
.req-table-wrap::-webkit-scrollbar,
.checkbox-list::-webkit-scrollbar,
aside.od-sidebar::-webkit-scrollbar,
.od-sidebar::-webkit-scrollbar {
  width: 0 !important;
  height: 0 !important;
  display: none !important;
}