/* A felső menü és a kereső együtt maradjon elérhető görgetés közben. */
:root{--safe-top:0px!important}
header{padding-top:14px!important}

.tabs{
  position:sticky;
  top:0;
  z-index:1001;
  margin-bottom:0!important;
  padding-bottom:0!important;
  background:#0b0c0e!important;
  backdrop-filter:none!important;
  isolation:isolate;
}

#adminSubTabs{position:static!important;top:auto!important;z-index:auto!important;margin:10px 0 0!important;padding:0!important;background:transparent!important;backdrop-filter:none!important;overflow-x:auto}
#adminSubTabs::before{display:none!important}

.search{position:sticky;top:56px;z-index:1000;margin-top:0!important;background:#0b0c0e!important;backdrop-filter:none!important;isolation:isolate}
.search::before{content:"";position:absolute;left:0;right:0;top:-14px;height:16px;background:#0b0c0e!important;pointer-events:none}

@media (max-width:640px){
  :root{--mobile-safe-top:env(safe-area-inset-top,0px)}
  header{padding-top:10px!important}

  /* Csak görgetés közben takarja a safe-area részt. */
  body::before{
    content:"";
    display:block!important;
    position:fixed!important;
    top:0!important;
    left:0!important;
    right:0!important;
    width:100vw!important;
    height:calc(var(--mobile-safe-top) + 6px)!important;
    background:#0b0c0e!important;
    z-index:2147483000!important;
    pointer-events:none!important;
    opacity:0!important;
    visibility:hidden!important;
    transition:opacity .12s ease,visibility .12s ease!important;
    transform:translateZ(0);
  }
  body.safezone-cover-active::before{
    opacity:1!important;
    visibility:visible!important;
  }

  .tabs{
    top:var(--mobile-safe-top)!important;
    z-index:2147482000!important;
    margin:0 -12px!important;
    padding:7px 12px 0!important;
    background:#0b0c0e!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
    transform:translateZ(0);
  }
  .tabs::before{
    content:""!important;
    display:block!important;
    position:absolute!important;
    left:-20px!important;
    right:-20px!important;
    top:calc(-1 * var(--mobile-safe-top) - 10px)!important;
    height:calc(var(--mobile-safe-top) + 10px)!important;
    background:#0b0c0e!important;
    z-index:-1!important;
    pointer-events:none!important;
    opacity:0!important;
    visibility:hidden!important;
    transition:opacity .12s ease,visibility .12s ease!important;
  }
  body.safezone-cover-active .tabs::before{
    opacity:1!important;
    visibility:visible!important;
  }

  #adminSubTabs{position:static!important;margin:10px 0 0!important;padding:0!important;background:transparent!important}
  #adminSubTabs::before{display:none!important}

  .search{
    top:calc(var(--mobile-safe-top) + 49px)!important;
    z-index:2147481000!important;
    margin:0 -12px 12px!important;
    padding:6px 12px 10px!important;
    background:#0b0c0e!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
    transform:translateZ(0);
  }
  .search::before{top:-12px!important;height:14px!important;background:#0b0c0e!important}
  #searchPage{margin-top:0}
}