/* RepublicaPass V33 — Safari hard lock for the mobile bottom navigation */
@media (max-width:820px){
  /* Normal browsers: undo the experimental V32 top anchor and use a true bottom dock. */
  .rp-mobile-bottom-nav{
    position:fixed!important;
    left:0!important;
    right:0!important;
    top:auto!important;
    bottom:0!important;
    width:100%!important;
    height:auto!important;
    min-height:64px!important;
    margin:0!important;
    padding:6px 8px calc(6px + env(safe-area-inset-bottom))!important;
    transform:none!important;
    -webkit-transform:none!important;
    animation:none!important;
    transition:none!important;
    will-change:auto!important;
    contain:none!important;
    z-index:2147483000!important;
    background:#020706!important;
    border-top:1px solid rgba(13,242,138,.10)!important;
    box-shadow:0 -10px 30px rgba(0,0,0,.36)!important;
  }
  .rp-mobile-bottom-nav::after{display:none!important}
  .rp-mobile-bottom-nav a,
  .rp-mobile-bottom-nav a *,
  .rp-mobile-bottom-nav a::before,
  .rp-mobile-bottom-nav a::after{
    transform:none!important;
    -webkit-transform:none!important;
    animation:none!important;
    transition:none!important;
  }
  body.public-body{padding-bottom:calc(74px + env(safe-area-inset-bottom))!important}
}

/* iOS Safari only: the page itself becomes a stable app-like scroll surface.
   Safari's address/bottom bars no longer resize the scrolling surface, so the
   navigation stays physically in the same place while the content scrolls. */
@media (max-width:820px){
  html.rp-ios-safari-nav-lock{
    height:100%!important;
    min-height:100%!important;
    overflow:hidden!important;
    overscroll-behavior:none!important;
    background:#020706!important;
  }
  html.rp-ios-safari-nav-lock body.public-body.rp-safari-nav-page{
    position:fixed!important;
    inset:0!important;
    width:100%!important;
    height:100svh!important;
    min-height:100svh!important;
    max-height:100svh!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
    -webkit-overflow-scrolling:touch!important;
    overscroll-behavior-y:none!important;
    scrollbar-width:none!important;
    padding-bottom:calc(76px + env(safe-area-inset-bottom))!important;
    transform:none!important;
    -webkit-transform:none!important;
  }
  html.rp-ios-safari-nav-lock body.public-body.rp-safari-nav-page::-webkit-scrollbar{display:none!important}
  html.rp-ios-safari-nav-lock body.public-body.rp-safari-nav-page .rp-mobile-bottom-nav{
    position:fixed!important;
    left:0!important;
    right:0!important;
    top:auto!important;
    bottom:0!important;
    height:calc(64px + env(safe-area-inset-bottom))!important;
    min-height:calc(64px + env(safe-area-inset-bottom))!important;
    padding:6px 8px calc(6px + env(safe-area-inset-bottom))!important;
    transform:none!important;
    -webkit-transform:none!important;
    translate:none!important;
    animation:none!important;
    transition:none!important;
    backface-visibility:hidden!important;
    -webkit-backface-visibility:hidden!important;
  }
  /* The pages that deliberately hide the bottom navigation keep normal Safari scrolling. */
  html.rp-ios-safari-nav-lock body.rp-page-evento,
  html.rp-ios-safari-nav-lock body.rp-page-checkout,
  html.rp-ios-safari-nav-lock body.rp-page-compra{
    position:static!important;
    width:auto!important;
    height:auto!important;
    min-height:100%!important;
    max-height:none!important;
    overflow:visible!important;
    padding-bottom:0!important;
  }
}