/* Shared mobile navigation mark; each page retains its existing breakpoints. */
button.juvan-menu-toggle,#site-header button.juvan-menu-toggle{width:44px!important;height:44px!important;min-width:44px;padding:8px!important;border:0;border-radius:0;background:transparent;color:#2b2826;line-height:1;box-shadow:none;position:relative;flex-shrink:0}
button.juvan-menu-toggle::before,button.juvan-menu-toggle::after{content:none!important;display:none!important}
button.juvan-menu-toggle .juvan-menu-icon{display:block;width:28px;height:28px;margin:0;overflow:visible;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round}
.juvan-menu-icon path{transform-origin:14px 14px;transition:transform .2s ease}
button.juvan-menu-toggle[aria-expanded=true] .juvan-menu-top{transform:translateY(5px) rotate(45deg);transform-origin:14px 9px}
button.juvan-menu-toggle[aria-expanded=true] .juvan-menu-bottom{transform:translateY(-5px) rotate(-45deg);transform-origin:14px 19px}
@media(prefers-reduced-motion:reduce){.juvan-menu-icon path{transition:none}}

/* Keep the inherited desktop dropdown styles out of the mobile accordion. */
@media (max-width:1240px){
  #site-header .slide-menu{
    width:min(420px,100%);height:100vh;height:100dvh;
    padding:8px clamp(16px,5vw,26px) 24px;
    overflow:auto;overscroll-behavior:contain;background:#fff;
  }
  #site-header .slide-menu .ht-menu-close{
    position:sticky;inset:auto;top:0;margin:0 0 4px auto;
    z-index:3;background:#fff;
  }
  #site-header .slide-menu .nav__items{
    display:block;position:static;width:100%;min-width:0;
    max-width:none!important;transform:none;list-style:none;
  }
  #site-header .slide-menu .nav__item{
    display:grid;grid-template-columns:minmax(0,1fr) auto;
    align-items:start;width:100%;min-width:0;
  }
  #site-header .slide-menu .nav__item>.nav__link{
    display:block;grid-column:1 / -1;width:auto;
    min-height:48px;padding:13px 6px;line-height:1.4;white-space:normal;
  }
  #site-header .slide-menu .nav__item:has(>.ht-submenu-toggle)>.nav__link{
    grid-column:1;padding-right:8px;
  }
  #site-header .slide-menu .ht-submenu-toggle{
    position:static;grid-column:2;width:48px;height:100%;min-height:48px;
    border-bottom:1px solid #e4ddd4;
  }
  #site-header .slide-menu .nav__item>.nav__link::after{content:none!important}
  #site-header .slide-menu .nav__item>.nav__items{
    display:none!important;grid-column:1 / -1;inset:auto!important;
    padding:0 0 0 14px!important;margin:0;
    border-left:1px solid #e4ddd4;box-shadow:none;
  }
  #site-header .slide-menu .nav__item.ht-submenu-open>.nav__items{
    display:block!important;
  }
  body.ht-page.openNav{overflow:hidden}
}
@media (max-width:900px){
  #mobile-nav:not([hidden]){
    max-height:calc(100dvh - 100px);overflow:auto;
    overscroll-behavior:contain;padding:4px clamp(16px,5vw,26px) 16px;
    background:#fff;
  }
  #mobile-nav a{min-height:48px;padding:13px 6px;line-height:1.4}
  #mobile-nav a+a{border-top:1px solid #e4ddd4}
}
@media (min-width:901px){#mobile-nav{display:none}}
