/* The mobile menu owns its scrolling, independently of the page and bottom bar. */
#menuDropdown .home-menu-icon { width:19px; height:19px; flex-shrink:0; }
#menuDropdown:not(.munia-adaptive-menu):not(.munia-mobile-menu) .home-menu-icon { vertical-align:middle; margin-right:8px; }
#muniaMobileMenuOverlay[hidden] { display:none !important; }
#muniaMobileMenuOverlay {
  position:fixed; inset:var(--drawer-top,0px) 0 auto; height:var(--drawer-height,100dvh);
  z-index:14000; color:var(--munia-text,#18231e); font-family:system-ui,"Segoe UI",sans-serif;
}
.munia-drawer-backdrop { position:absolute; inset:0; background:rgba(91,112,131,.4); touch-action:none; animation:munia-drawer-fade .2s ease-out; }
#muniaMobileMenuDrawer {
  position:absolute; inset:0 0 0 auto; box-sizing:border-box;
  width:min(340px,88vw); height:100%; min-height:0; display:flex; flex-direction:column;
  background:var(--munia-surface,#fff); border-left:1px solid var(--munia-line,#dfe8e3);
  box-shadow:-8px 0 32px #0003; animation:munia-drawer-enter .22s ease-out;
}
.munia-drawer-header { display:flex; align-items:flex-start; justify-content:space-between; gap:12px;
  flex-shrink:0; padding:calc(18px + env(safe-area-inset-top,0px)) 20px 16px;
  border-bottom:1px solid var(--munia-line,#dfe8e3); }
.munia-drawer-header > div { min-width:0; overflow-wrap:anywhere; }
#muniaMobileMenuTitle { font-size:12px; line-height:1.5; letter-spacing:.08em; text-transform:uppercase; color:var(--munia-muted,#66756e); margin-bottom:6px; }
.munia-drawer-header strong { display:block; font-size:22px; line-height:1.25; font-weight:750; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.munia-drawer-header span { display:block; font-size:14px; line-height:1.5; color:var(--munia-muted,#66756e); margin-top:3px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.munia-drawer-header span:empty { display:none; }
body #muniaMobileMenuDrawer .munia-drawer-close { width:44px; height:44px; flex:0 0 44px;
  margin:0; padding:10px; display:grid; place-items:center; border:0; border-radius:50%;
  background:transparent; color:var(--munia-text,#18231e); cursor:pointer; }
.munia-drawer-close svg { width:24px; height:24px; }
.munia-drawer-scroll-area { position:relative; display:flex; flex:1; min-height:0; }
.munia-drawer-scroll { box-sizing:border-box; flex:1; min-height:0; overflow-y:auto; overflow-x:hidden;
  overscroll-behavior:contain; touch-action:pan-y; scrollbar-width:thin;
  padding:10px 12px calc(44px + env(safe-area-inset-bottom,0px)); }
.munia-drawer-scroll-hint { position:absolute; z-index:1; bottom:0; left:0; right:0; height:60px;
  display:flex; align-items:flex-end; justify-content:center; pointer-events:none;
  background:linear-gradient(transparent,var(--munia-surface,#fff) 75%); }
.munia-drawer-scroll-hint[hidden] { display:none; }
body #muniaMobileMenuDrawer .munia-drawer-scroll-hint button { display:grid; place-items:center;
  pointer-events:auto; width:44px; height:44px; margin:0; padding:0; border:0; border-radius:50%;
  color:var(--munia-muted,#66756e); background:transparent; cursor:pointer; }
body #muniaMobileMenuDrawer .munia-drawer-scroll-hint button:hover { background:var(--munia-control-hover,#edf1ef) !important; }
.munia-drawer-preferences { flex-shrink:0; padding:16px 22px calc(18px + env(safe-area-inset-bottom,0px)); border-top:1px solid var(--munia-line,#dfe8e3); }
.munia-drawer-preferences[hidden] { display:none; }
body #muniaMobileMenuDrawer .munia-drawer-preferences > .munia-navigation-preferences { border:0 !important; margin:0 !important; padding:0 !important; }
body #menuDropdown.munia-mobile-menu {
  position:static !important; inset:auto !important; display:block !important;
  width:100% !important; min-width:0 !important; max-width:none !important;
  height:auto !important; max-height:none !important; overflow:visible !important;
  padding:0 !important; margin:0 !important; border:0 !important; border-radius:0 !important;
  background:transparent !important; box-shadow:none !important; transform:none !important;
}
body #menuDropdown.munia-mobile-menu > br { display:none; }
body #menuDropdown.munia-mobile-menu > a,
body #menuDropdown.munia-mobile-menu > [data-munia-share],
body #menuDropdown.munia-mobile-menu .munia-navigation-links > :is(a,[data-munia-share]) {
  display:flex !important; align-items:center; gap:16px; box-sizing:border-box;
  min-height:54px; margin:0; padding:12px 10px; border:0; border-radius:10px;
  color:var(--munia-text,#18231e); background:transparent; text-decoration:none;
  font:650 20px/1.35 system-ui,"Segoe UI",sans-serif; overflow-wrap:anywhere; width:100%; text-align:left;
}
body #menuDropdown.munia-mobile-menu .home-menu-icon { width:25px; height:25px; flex-shrink:0; }
body #menuDropdown.munia-mobile-menu a[aria-current="page"] { color:var(--munia-positive-text,#00865d); background:var(--munia-surface-mint,#e6faf2); }
body #menuDropdown.munia-mobile-menu a:hover,
body #menuDropdown.munia-mobile-menu [data-munia-share]:hover,
body #muniaMobileMenuDrawer .munia-drawer-close:hover { background:var(--munia-surface-soft,#f4f7f5) !important; }
body #muniaMobileMenuDrawer :focus-visible { outline:2px solid #0ac18e; outline-offset:-2px; }
body #menuDropdown.munia-mobile-menu .munia-navigation-preferences { margin:14px 10px 0 !important; padding:20px 0 0 !important; }
body #muniaMobileMenuDrawer .munia-preference-label { font:600 12px/1.5 system-ui,"Segoe UI",sans-serif; letter-spacing:.06em; margin-bottom:10px; }
body #muniaMobileMenuDrawer .munia-language-selector button { min-height:44px; padding:9px 14px; font:650 15px/1.4 system-ui,"Segoe UI",sans-serif; }
body #muniaMobileMenuDrawer .munia-theme-selector { margin-top:18px; }
body #muniaMobileMenuDrawer .munia-theme-button { width:46px; height:46px; flex-basis:46px; }
body #menuDropdown.munia-mobile-menu .notif-badge-dot { position:static !important; margin-left:auto; flex-shrink:0; }
@keyframes munia-drawer-enter { from { transform:translateX(100%); } to { transform:translateX(0); } }
@keyframes munia-drawer-fade { from { opacity:0; } to { opacity:1; } }
@media (prefers-reduced-motion:reduce) {
  #muniaMobileMenuDrawer,.munia-drawer-backdrop { animation:none; }
}
