/* FP-PANELS-NAV : More + Atlas panels stop above the mobile bottom nav (mobile only) */
:root{--fp-navh:64px}
@media (max-width:900px){
  /* ----- More panel ----- */
  html body > .friende-more-portal > .friende-more-backdrop{bottom:var(--fp-navh,64px)!important;height:auto!important}
  html body > .friende-more-portal > .friende-more-sheet{
    bottom:var(--fp-navh,64px)!important;height:auto!important;max-height:calc(100dvh - var(--fp-navh,64px))!important;
    padding-bottom:16px!important;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;
    border-radius:24px 0 0 24px}

  /* ----- Atlas panel ----- */
  html body .fp-allpages{bottom:var(--fp-navh,64px)!important;height:auto!important}
  html body .fp-allpages .fp-allpages-sheet{height:100%;max-height:100%;border-radius:24px 0 0 24px}
  html body .fp-allpages .fp-allpages-body{padding-bottom:20px!important}
}

/* FP-SCROLL-HINT : down-arrow shown at the drawer's bottom-right when more menu is below */
.fp-scroll-hint{display:none}
@media (max-width:900px){
  .fp-scroll-hint{
    position:fixed;right:14px;bottom:calc(var(--fp-navh,64px) + 14px);z-index:2147483001;
    width:42px;height:42px;padding:0;border:0;border-radius:50%;cursor:pointer;
    display:flex;align-items:center;justify-content:center;color:#fff;
    background:linear-gradient(135deg,#2563eb,#3b82f6);
    box-shadow:0 10px 22px -6px rgba(37,99,235,.7),0 0 0 4px rgba(255,255,255,.55);
    opacity:0;transform:translateY(8px) scale(.9);pointer-events:none;
    transition:opacity .2s ease,transform .2s ease;-webkit-tap-highlight-color:transparent}
  .fp-scroll-hint.is-on{opacity:1;transform:none;pointer-events:auto;animation:fpHintBounce 1.6s ease-in-out infinite}
  .fp-scroll-hint svg{width:22px;height:22px;stroke:#fff;stroke-width:2.8;fill:none;stroke-linecap:round;stroke-linejoin:round}
  .fp-scroll-hint:active{transform:scale(.92)}
  html.dark .fp-scroll-hint{background:linear-gradient(135deg,#2563eb,#60a5fa);box-shadow:0 10px 22px -6px rgba(0,0,0,.7),0 0 0 4px rgba(30,41,59,.85)}
}
@keyframes fpHintBounce{0%,100%{transform:translateY(0)}50%{transform:translateY(5px)}}
@media (prefers-reduced-motion:reduce){.fp-scroll-hint.is-on{animation:none}}