/* Scroll-aware menu bar (scroll-header.js) */
[data-hides-on-scroll] {
  transition: transform 0.15s ease-out;
}

[data-hides-on-scroll][data-scrolled-away] {
  transform: translateY(-100%);
  transition: transform 0.3s ease-in;
}

/* While a menu in the bar is open, the page below it takes no pointer: no
   hover, and a click there only closes the menu */
[data-menu-open] body * {
  pointer-events: none;
}

[data-menu-open] [data-hides-on-scroll],
[data-menu-open] [data-hides-on-scroll] * {
  pointer-events: auto;
}

@media (prefers-reduced-motion: reduce) {
  [data-hides-on-scroll],
  [data-hides-on-scroll][data-scrolled-away] {
    transition: none;
  }
}