/* hbd-ui.js — shared helpers for pages using hbd-ui.css.
 *
 * Keeps sticky toolbars stuck just below the fixed site nav, whose height
 * varies with viewport width and wrapping.
 */

function _setStickyOffsets() {
  const nav = document.querySelector('.nav');
  const tb = document.querySelector('.st-toolbar');
  const navH = nav ? nav.offsetHeight : 48;
  const barsH = navH + (tb ? tb.offsetHeight : 46);
  document.documentElement.style.setProperty('--nav-h', navH + 'px');
  document.documentElement.style.setProperty('--bars-h', barsH + 'px');
}
window.addEventListener('resize', _setStickyOffsets);
document.addEventListener('DOMContentLoaded', _setStickyOffsets);