/* /assets/css/mobile-accordion.css */
/* Drawer shell (JS animates height/opacity on the container) */
#site-mobile-menu{
  display:block;
  will-change: height, opacity;
}

/* Submenu accordion base (must be measurable for scrollHeight) */
#site-mobile-menu .menu-item-has-children > .sub-menu{
  display:block !important;           /* crucial for measurement */
  height:0;
  opacity:0;
  transition:
    height .32s cubic-bezier(.2,.7,.2,1),
    opacity .32s cubic-bezier(.2,.7,.2,1);
  margin:0; padding:0; list-style:none;
}
#site-mobile-menu .menu-item-has-children.is-open > .sub-menu{
  opacity:1;                           /* height driven by JS */
}

#site-mobile-menu .sub-menu li{ list-style:none; }
#site-mobile-menu .sub-menu a{ display:block; padding:.6rem .9rem; text-decoration:none; }