/**
 * Prefer Drupal displace CSS variables over hardcoded toolbar heights.
 */
.sv-site-header {
  top: var(--drupal-displace-offset-top, 0px);
}

body.toolbar-horizontal .sv-site-header,
body.toolbar-vertical .sv-site-header,
body.toolbar-fixed .sv-site-header {
  top: var(--drupal-displace-offset-top, 0px);
}

/* Keep mega panels below admin trays; drawer uses displace top inset. */
.toolbar-oriented .sv-mega-panel {
  z-index: var(--sv-z-mega);
}

.toolbar-oriented .sv-site-header__nav,
.toolbar-oriented .sv-mobile-drawer__backdrop {
  top: var(--drupal-displace-offset-top, 0px);
}

/* Vertical toolbar: keep drawer in the remaining viewport (right side). */
body.toolbar-vertical.toolbar-tray-open .sv-site-header__nav {
  max-width: min(22rem, calc(100vw - var(--drupal-displace-offset-left, 0px)));
}

/*
 * Messages / local tasks must stay above ordinary page content, but MUST NOT
 * paint above the sticky site header. A higher z-index here previously covered
 * the mobile hamburger when authenticated (highlighted/tabs intercept clicks).
 */
.sv-region--highlighted {
  position: relative;
  z-index: 1;
}

.sv-messages,
.sv-links--local-tasks,
ul.tabs,
.tabs {
  position: relative;
  z-index: 2;
}