/**
 * Sticky mobile header â€” nav always visible (no scroll-collapse).
 * Collapse was removed after header menus flicker / thrash reports.
 */

html.is-mobile .layout-header-holder-bc {
  position: sticky !important;
  top: 0 !important;
}

html.is-mobile .layout-header-holder-bc > .header-bc,
html.is-mobile .layout-header-holder-bc .header-bc {
  position: relative !important;
  top: auto !important;
  left: auto !important;
  right: auto !important;
  width: 100% !important;
}

html.is-mobile .layout-header-holder-bc .hdr-main-content-bc {
  position: relative;
  z-index: 3;
}

/* Always show nav strip */
html.is-mobile .layout-header-holder-bc .hdr-navigation-scrollable-bc-holder,
html.is-mobile .layout-header-holder-bc .nav-content-bc,
html.is-mobile .layout-header-holder-bc .hdr-navigation-scrollable-bc {
  max-height: none !important;
  height: auto !important;
  min-height: 0 !important;
  opacity: 1 !important;
  visibility: visible !important;
  overflow: visible !important;
  pointer-events: auto !important;
  transform: none !important;
}

/* Side menu open: pin header */
html.is-mobile .layout-bc.navigation-is-visible .layout-header-holder-bc,
html.is-mobile .layout-bc.generic-navigation-is-visible .layout-header-holder-bc {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;
  height: var(--mobile-header-full-height, 100px) !important;
  min-height: var(--mobile-header-full-height, 100px) !important;
}
