/**
 * @file
 * The header band (<header id="navbar-top">, page.html.twig).
 *
 * One layer above the sticky bar (--biopama-z-navbar, 100) on the site's
 * stacking scale (biopama_libraries/layers), so a dropdown opened in the
 * band shows over the bar. The id beats Bootstrap's .navbar padding.
 */
#navbar-top {
  padding: 0;
  position: relative;
  z-index: var(--biopama-z-header, 101);
}

/* The utility area (region--header-utility.html.twig) in the white band:
   its links in the strip's navy; the band is a .navbar, whose tokens are
   white. In the bar (tool pages, pages without the logos) it keeps the
   bar's. */
.ecl-site-header-background .akp-header-utility {
  --bs-navbar-color: var(--akp-header-bg);
  --bs-navbar-hover-color: var(--akp-header-bg);
  --bs-navbar-active-color: var(--akp-header-bg);
  --bs-nav-link-color: var(--akp-header-bg);
  --bs-nav-link-hover-color: var(--akp-header-bg);
}

/* Its dropdowns (the account menu) open over the sticky bar, right-aligned
   to the band's edge: a .navbar-nav dropdown is static, in-flow, without
   this. Four classes beat Bootstrap's two. */
.ecl-site-header-background .akp-header-utility .navbar-nav .dropdown-menu {
  position: absolute;
  right: 0;
  left: auto;
}