/* Shared navigation only; retains published brand and menu settings. */
#mobileDrawer {
  inset: max(12px, env(safe-area-inset-top)) 12px auto auto;
  width: min(320px, calc(100vw - 24px)) !important;
  height: auto;
  max-height: calc(100vh - 24px);
  max-height: calc(100dvh - max(12px, env(safe-area-inset-top)) - max(12px, env(safe-area-inset-bottom)));
  border-radius: 16px;
  padding: 0;
  z-index: 1200;
  background: var(--iha-surface, #fffdf8);
  border: 1px solid rgba(20, 67, 46, .1);
  box-shadow: 12px 0 48px rgba(0, 35, 22, .16);
  isolation: isolate;
}
#mobileDrawer.open { animation: iha-menu-enter 180ms ease-out; }
.iha-nav-backdrop {
  position: fixed; inset: 0; z-index: 1199;
  background: rgba(4, 36, 25, .38);
  backdrop-filter: blur(3px);
  touch-action: none;
}
.iha-nav-backdrop[hidden] { display: none; }
#mobileDrawer .ihi26-drawer-head {
  height: auto; min-height: 72px; flex: 0 0 auto;
  padding: 14px 16px;
  gap: 12px; background: transparent;
  border-bottom: 1px solid rgba(20, 67, 46, .1);
}
#mobileDrawer .ihi26-brand { min-width: 0; max-width: calc(100% - 56px) !important; gap: 10px !important; }
#mobileDrawer .ihi26-emblem { width: 34px !important; height: 34px !important; flex: 0 0 34px !important; }
#mobileDrawer .ihi26-brand-copy { min-width: 0; }
#mobileDrawer .ihi26-brand-copy strong { font-size: 17px !important; line-height: 1.25 !important; overflow-wrap: anywhere; }
#mobileDrawer .ihi26-brand-copy small { font-size: 10px !important; line-height: 1.45; margin-top: 4px; }
#menuClose { border: 0; border-radius: 10px; background: transparent; }
#menuClose span { font: 300 29px/1 system-ui; transform: none; }
#mobileDrawer .ihi26-drawer-links { flex: 0 1 auto; padding: 8px 12px 12px !important; gap: 0; }
#mobileDrawer .ihi26-drawer-primary { gap: 2px; width: 100%; }
#mobileDrawer .ihi26-drawer-link {
  min-height: 44px !important; padding: 9px 12px !important;
  border-radius: 8px; font-size: 15px !important; font-weight: 500;
  line-height: 1.45; letter-spacing: 0; overflow-wrap: anywhere;
  transition: background-color 140ms ease;
}
#mobileDrawer .ihi26-drawer-link:hover { background: rgba(20, 67, 46, .045); }
#mobileDrawer .ihi26-drawer-link.is-active { background: #f4eddb; color: #775918; font-weight: 650; }
#mobileDrawer .ihi26-drawer-link.is-active::before { left: 0; top: 14px; bottom: 14px; width: 3px; border-radius: 3px; background: #a58335; }
#mobileDrawer .ihi26-drawer-sub { margin: 3px 0 6px 15px; padding-left: 10px; border-left: 1px solid rgba(20, 67, 46, .14); }
#mobileDrawer .ihi26-drawer-sub .ihi26-drawer-link { font-size: 14px !important; }
#mobileDrawer .ihi26-drawer-account { margin: 10px 0 0; padding: 8px 4px 0; flex-wrap: wrap; gap: 8px 16px; }
#mobileDrawer .ihi26-drawer-account>a:first-child { flex: 1; min-width: 0; font-size: 14px; gap: 10px; min-height: 48px; }
#mobileDrawer .ihi26-drawer-account>a:first-child b { margin-left: auto; }
#mobileDrawer .ihi26-logout { min-height: 44px; font-size: 11px; padding-inline: 8px; }
#mobileDrawer :is(a,button):focus-visible { outline: 2px solid #987321; outline-offset: 3px; }
body.ihi26-menu-open #menuOpen { visibility: hidden; }
@keyframes iha-menu-enter { from { transform: translateY(-8px); opacity: .6; } to { transform: translateX(0); opacity: 1; } }
@media (max-width: 350px) { #mobileDrawer .ihi26-drawer-head { padding-inline: 14px; } #mobileDrawer .ihi26-brand-copy strong { font-size: 16px !important; } }
@media (prefers-reduced-motion: reduce) { #mobileDrawer.open { animation: none; } #mobileDrawer .ihi26-drawer-link { transition: none; } }
@media print { #mobileDrawer, .iha-nav-backdrop { display: none !important; } }