/* Navigation erscheint nur auf kleinen Bildschirmen und nur für angemeldete Nutzer. */
.wento-pwa-bottom { display:none; }
@media (max-width: 740px) {
  body.logged-in { padding-bottom: calc(73px + env(safe-area-inset-bottom, 0px)); }
  .wento-pwa-bottom { position:fixed; left:0; right:0; bottom:0; z-index:9990; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); background:#081828; border-top:1px solid #24465a; padding:8px 4px calc(8px + env(safe-area-inset-bottom, 0px)); box-shadow:0 -8px 26px rgba(0,0,0,.3); }
  .wento-pwa-bottom a { display:flex; align-items:center; justify-content:center; flex-direction:column; gap:5px; color:#a8d4e5; text-decoration:none; font:600 11px/1.2 system-ui,sans-serif; min-height:48px; }
  .wento-pwa-bottom a[aria-current="page"], .wento-pwa-bottom a:hover { color:#35d4e6; }
  .wento-pwa-nav-icon { display:block; width:19px; height:19px; background:currentColor; mask-position:center; mask-repeat:no-repeat; mask-size:contain; -webkit-mask-position:center; -webkit-mask-repeat:no-repeat; -webkit-mask-size:contain; }
  .wento-pwa-house { mask-image:url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"%3E%3Cpath fill="black" d="M12 3 2 11h3v10h6v-6h2v6h6V11h3z"/%3E%3C/svg%3E'); -webkit-mask-image:url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"%3E%3Cpath fill="black" d="M12 3 2 11h3v10h6v-6h2v6h6V11h3z"/%3E%3C/svg%3E'); }
  .wento-pwa-chat { mask-image:url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"%3E%3Cpath fill="black" d="M3 3h18v14H9l-6 5z"/%3E%3C/svg%3E'); -webkit-mask-image:url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"%3E%3Cpath fill="black" d="M3 3h18v14H9l-6 5z"/%3E%3C/svg%3E'); }
  .wento-pwa-gallery { mask-image:url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"%3E%3Cpath fill="black" d="M2 3h20v18H2zm2 15h16l-5-7-4 5-3-3z"/%3E%3C/svg%3E'); -webkit-mask-image:url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"%3E%3Cpath fill="black" d="M2 3h20v18H2zm2 15h16l-5-7-4 5-3-3z"/%3E%3C/svg%3E'); }
  .wento-pwa-person { mask-image:url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"%3E%3Cpath fill="black" d="M12 2a5 5 0 1 0 0 10 5 5 0 0 0 0-10zM2 22a10 10 0 0 1 20 0z"/%3E%3C/svg%3E'); -webkit-mask-image:url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"%3E%3Cpath fill="black" d="M12 2a5 5 0 1 0 0 10 5 5 0 0 0 0-10zM2 22a10 10 0 0 1 20 0z"/%3E%3C/svg%3E'); }
}

/* WENTO Mobile 2.0 polished app navigation */
@media(max-width:740px){
 body.logged-in{padding-bottom:calc(78px + env(safe-area-inset-bottom,0px))}
 .wento-pwa-bottom{background:#0b1928ee;backdrop-filter:blur(18px);border-top:1px solid #2b5265;padding:9px 8px calc(9px + env(safe-area-inset-bottom,0px));gap:4px}
 .wento-pwa-bottom a{font-size:11px;gap:6px;min-height:53px;border-radius:12px;transition:background .2s}
 .wento-pwa-bottom a[aria-current=page]{background:#113c49;color:#69efe6}
 .wento-pwa-nav-icon{width:23px;height:23px}
 body.logged-in .site-header{min-height:64px;padding:10px 16px}
 body.logged-in .site-header .nav{display:none}
 body.logged-in .brand{font-size:1.16rem;letter-spacing:.13em}
 body.logged-in .brand-symbol img{width:31px;height:31px}
 body.logged-in .shell{padding:20px 14px 30px}
 body.logged-in .hello h1{font-size:clamp(1.6rem,7vw,2.2rem);line-height:1.18;margin:10px 0}
 body.logged-in .hello p{font-size:.9rem;line-height:1.45}
 body.logged-in .dashboard-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;margin-top:22px}
 body.logged-in .dashboard-grid .tile{padding:17px 14px;min-height:142px;border-radius:16px}
 body.logged-in .tile h2{font-size:1rem;margin:13px 0 6px}
 body.logged-in .tile p{font-size:.78rem;line-height:1.35}
 body.logged-in .tile .symbol{font-size:1.5rem}
 body.logged-in .section-panel{padding:17px;margin-top:19px}
 body.logged-in .site-footer{font-size:11px;padding:18px}
}

/* WENTO Mobile 2.1: maximize the mobile messenger viewport. */
@media (max-width:740px){
  body.admin-bar #wpadminbar{display:none!important}
  html:has(body.wento-mobile-chat){margin-top:0!important;height:100%!important;overflow:hidden!important}
  body.wento-mobile-chat{margin:0!important;height:100dvh!important;overflow:hidden!important;padding:0!important;background:#071522!important}
  body.wento-mobile-chat .site-header,body.wento-mobile-chat .site-footer{display:none!important}
  body.wento-mobile-chat .shell{width:100%!important;max-width:none!important;margin:0!important;padding:0!important;height:calc(100dvh - 72px - env(safe-area-inset-bottom,0px))!important;min-height:0!important}
  body.wento-mobile-chat .section-panel{border:0!important;border-radius:0!important;background:transparent!important;margin:0!important;padding:0!important;box-shadow:none!important;height:100%!important;min-height:0!important}
  body.wento-mobile-chat .section-panel>h1{display:none!important}
  body.wento-mobile-chat #wento-messenger{width:100%!important}
  body.wento-mobile-chat .wento-pwa-bottom{height:calc(72px + env(safe-area-inset-bottom,0px))!important;box-sizing:border-box!important;padding:7px 8px calc(7px + env(safe-area-inset-bottom,0px))!important;z-index:9990!important}
  body.wento-mobile-chat .wento-pwa-bottom a{min-height:0!important}
}

/* 2.2: icon-only navigation, exclusively while an actual chat thread is open. */
@media(max-width:740px){
 body.wento-mobile-chat.wento-thread-open .wento-pwa-bottom{
  height:calc(50px + env(safe-area-inset-bottom,0px))!important;
  padding:3px 8px calc(3px + env(safe-area-inset-bottom,0px))!important;
  align-items:center!important;
 }
 body.wento-mobile-chat.wento-thread-open .wento-pwa-bottom a{
  height:42px!important;min-height:0!important;gap:0!important;
 }
 body.wento-mobile-chat.wento-thread-open .wento-pwa-bottom a > span:not(.wento-pwa-nav-icon){display:none!important}
 body.wento-mobile-chat.wento-thread-open .wento-pwa-nav-icon{width:23px!important;height:23px!important;}
}

/* 2.2: icon-only navigation, exclusively while an actual chat thread is open. */
@media(max-width:740px){
 body.wento-mobile-chat.wento-thread-open .wento-pwa-bottom{
  height:calc(50px + env(safe-area-inset-bottom,0px))!important;
  padding:3px 8px calc(3px + env(safe-area-inset-bottom,0px))!important;
  align-items:center!important;
 }
 body.wento-mobile-chat.wento-thread-open .wento-pwa-bottom a{
  height:42px!important;min-height:0!important;gap:0!important;
 }
 body.wento-mobile-chat.wento-thread-open .wento-pwa-bottom a > span:not(.wento-pwa-nav-icon){display:none!important}
 body.wento-mobile-chat.wento-thread-open .wento-pwa-nav-icon{width:23px!important;height:23px!important;}
}