/* WCF web3 — mobile offcanvas: vertical icon menu (slim, top-aligned).
   Loaded via a <link> in the YooTheme Custom Head (DB: j5_template_styles style 17,
   next to the Font Awesome links) so it survives YooTheme updates AND is GTranslate-safe. */
#tm-dialog-mobile .uk-offcanvas-bar{ width:92px !important; }
#tm-dialog-mobile .uk-offcanvas-bar > .uk-margin-auto-bottom{
  margin:0 !important; flex:1 1 auto; display:flex; flex-direction:column;
  justify-content:flex-start; padding-top:44px;   /* top-aligned; room for the X close */
}
#tm-dialog-mobile .uk-offcanvas-bar .uk-grid-stack{ width:100%; }
#tm-dialog-mobile .uk-offcanvas-bar .uk-grid-stack img,
#tm-dialog-mobile .uk-offcanvas-bar .uk-grid-stack svg{ max-width:100%; height:auto; }
#tm-dialog-mobile .uk-subnav{ flex-direction:column; align-items:stretch; gap:6px; margin:0; }
#tm-dialog-mobile .uk-subnav > li{ padding-left:0; width:100%; }
#tm-dialog-mobile .uk-subnav > li > a{
  display:flex; align-items:center; justify-content:center;
  min-height:54px; border-radius:8px; transition:background .15s ease;
}
#tm-dialog-mobile .uk-subnav > li > a:hover,
#tm-dialog-mobile .uk-subnav > li > a:focus{ background:rgba(255,255,255,.10); }
#tm-dialog-mobile .uk-subnav .uk-icon svg{ width:28px; height:28px; }