/* RIB360-PUBLIC-MENU-MOBILE-FIXED-CORRECTION-HR1-MENU1-R1
   MOBILE ONLY. Desktop header positioning and layout are not changed.
   The public header is fixed at <=720px and a server-rendered spacer is measured by JS. */

:root {
  --rib360-menu1-r1-mobile-header-height: 148px;
}

/* The spacer is inert on tablet/desktop. */
.rib360-public-mobile-sticky-spacer {
  display: none;
  width: 100%;
  height: 0;
  min-height: 0;
  margin: 0;
  padding: 0;
  border: 0;
  pointer-events: none;
}

@media (max-width: 720px) {
  html body .rib360-public-header.rib360-public-discovery-header {
    position: fixed !important;
    top: 0 !important;
    right: 0 !important;
    left: 0 !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    z-index: 2147483000 !important;
    padding-top: env(safe-area-inset-top, 0px) !important;
    transform: translateZ(0) !important;
    -webkit-transform: translateZ(0) !important;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
  }

  html body .rib360-public-mobile-sticky-spacer {
    display: block !important;
    height: var(--rib360-menu1-r1-mobile-header-height) !important;
    min-height: var(--rib360-menu1-r1-mobile-header-height) !important;
    flex: 0 0 var(--rib360-menu1-r1-mobile-header-height) !important;
  }
}

@media (min-width: 721px) {
  html body .rib360-public-mobile-sticky-spacer {
    display: none !important;
    height: 0 !important;
    min-height: 0 !important;
    flex-basis: 0 !important;
  }
}