/* Mobile header menu: on narrow screens the main nav collapses behind a "Menu" button.
   Works with markup: a .wa-menu-bar container holding .wa-menu-btn and nav#site-menu.
   Only active when JavaScript runs (html.wa-js), so the nav still shows without it. */
.wa-menu-btn{display:none}

@media (max-width:760px){
  .wa-js .wa-menu-bar{position:relative;flex-wrap:nowrap !important}
  /* Logo and Menu button share one row, like a phone app bar. */
  .wa-js .wa-menu-bar > a:first-child{gap:10px !important;min-width:0}
  .wa-js .wa-menu-bar > a:first-child svg{width:28px;height:28px;flex-shrink:0}
  .wa-js .wa-menu-bar > a:first-child img{height:18px !important;width:auto}
  .wa-js .wa-menu-btn{display:inline-flex;align-items:center;gap:8px;min-height:44px;flex-shrink:0;padding:0 14px 0 18px;border:1.5px solid #C6F432;border-radius:999px;background:transparent;color:#fff;font:inherit;font-size:15px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;cursor:pointer}
  .wa-js .wa-menu-btn:focus-visible{outline:3px solid #C6F432;outline-offset:3px}
  .wa-js .wa-menu-btn svg{transition:transform .2s ease}
  .wa-js .wa-menu-btn[aria-expanded="true"]{background:#C6F432;color:#0E1116}
  .wa-js .wa-menu-btn[aria-expanded="true"] svg{transform:rotate(180deg)}

  .wa-js #site-menu{display:none !important}
  .wa-js #site-menu.open{display:flex !important;flex-direction:column !important;flex-wrap:nowrap !important;align-items:stretch !important;gap:0 !important;position:absolute;left:0;right:0;top:100%;z-index:1000;margin:0;padding:6px clamp(16px,4vw,48px) 22px !important;background:#161A21;border-top:1px solid #2A2F38;border-bottom:1px solid #2A2F38;box-shadow:0 18px 36px rgba(0,0,0,.45)}
  .wa-js #site-menu.open a{display:flex !important;align-items:center;min-height:56px !important;padding:0 4px !important;margin:0 !important;border-bottom:1px solid #2A2F38;border-radius:0 !important;background:none !important;color:#fff !important;font-size:17px !important;font-weight:600 !important;letter-spacing:.06em;text-transform:uppercase;text-decoration:none}
  .wa-js #site-menu.open a:last-child{justify-content:center;margin-top:20px !important;border-bottom:0;border-radius:999px !important;background:#C6F432 !important;color:#0E1116 !important;font-weight:800 !important}
  .wa-js #site-menu.open a:focus-visible{outline:3px solid #C6F432;outline-offset:-3px}
}

@media (max-width:760px) and (prefers-reduced-motion:reduce){
  .wa-js .wa-menu-btn svg{transition:none}
}