/* Perfect Plants Club – mobil használhatósági javítások (a ppc.css után töltődik, inc/ui.php ui_head).
 * 1) Fejléc-legördülők (profil, „+”, értesítések, nyelv): soha ne lógjanak a képernyő / az alsó menü alá – saját görgetéssel.
 * 2) A lebegő „vissza a tetejére” gomb (narancs kör) ott, ahol az alsó menü látszik, nem kell: az alsó menü középső „+”-a mellett
 *    zavaró második „+”-nak látszott és szöveget takart. Asztali nézetben marad. */

/* ---------- fejléc-legördülők: görgethetők a látható területen belül ---------- */
.app-header .header-right .dd-pop{
  max-height:calc(100vh - 92px);
  max-height:calc(100dvh - 92px - env(safe-area-inset-top,0px));
  overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:rgba(232,189,104,.35) transparent
}
.app-header .header-right .notif-pop{display:flex;flex-direction:column;overflow:hidden}
.app-header .header-right .notif-pop .notif-head{flex:0 0 auto}
.app-header .header-right .notif-pop .notif-list{flex:1 1 auto;min-height:0;max-height:420px;overscroll-behavior:contain}

@media (max-width:900px){
  /* alsó menü (≈76px + biztonsági sáv) fölött érjen véget */
  .app-header .header-right .dd-pop{
    max-height:calc(100vh - 80px - 88px);
    max-height:calc(100dvh - 80px - 88px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px))
  }
  .app-header .header-right .notif-pop .notif-list{max-height:none}
  body.logged .to-top{display:none!important}
}
@media (max-width:760px){
  .app-header .header-right .dd-pop{
    top:calc(64px + env(safe-area-inset-top,0px));
    max-height:calc(100vh - 64px - 92px);
    max-height:calc(100dvh - 64px - 92px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px))
  }
  .app-header .header-right .me-dd .dd-pop a,.app-header .header-right .me-dd .dd-pop button{min-height:44px}
}