/*
 * File: css/layout/header.css
 * Logic: Sticky main header only — header-top scrolls away.
 * Visuals: bg-body, shadow-sm on .wsdt-header in header-main SDC.
 */

.wsdt-header-wrap {
  position: sticky;
  top: 0;
  z-index: var(--z-header);
  width: 100%;
}

body.wsdt-logged-in .wsdt-header-wrap {
  top: var(--admin-toolbar-height);
}

body.toolbar-tray-open.toolbar-horizontal.wsdt-logged-in .wsdt-header-wrap {
  top: calc(var(--admin-toolbar-height) * 2);
}

/* Scroll lock — hold header at captured viewport position (scroll-lock.js). */
.wsdt-header-wrap.is-scroll-lock-held {
  position: fixed;
  left: 0;
  right: 0;
  z-index: var(--z-header);
  padding-right: var(--wsdt-scrollbar-width, 0px);
  top: var(--wsdt-lock-header-top);
}

body.wsdt-logged-in .wsdt-header-wrap.is-scroll-lock-held {
  top: var(--wsdt-lock-header-top);
}

body.toolbar-tray-open.toolbar-horizontal.wsdt-logged-in .wsdt-header-wrap.is-scroll-lock-held {
  top: var(--wsdt-lock-header-top);
}

/* Scroll lock — pin stuck header at sticky offset (scroll-lock.js). */
.wsdt-header-wrap.is-scroll-lock-pinned {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: var(--z-header);
  padding-right: var(--wsdt-scrollbar-width, 0px);
}

body.wsdt-logged-in .wsdt-header-wrap.is-scroll-lock-pinned {
  top: var(--admin-toolbar-height);
}

body.toolbar-tray-open.toolbar-horizontal.wsdt-logged-in .wsdt-header-wrap.is-scroll-lock-pinned {
  top: calc(var(--admin-toolbar-height) * 2);
}

.wsdt-header-lock-spacer {
  display: block;
  width: 100%;
  pointer-events: none;
}