/* AVIX Water v116 — final mobile menu icon correction
   Loaded after v115. Restores the hamburger in the closed state and shows a
   clear X in the open state without changing button size or position. */

@media (max-width:767px){
  html body.home-v8:not(.page-diagram) .av5-menu{
    display:block!important;
    position:relative!important;
    width:48px!important;
    height:48px!important;
    min-width:48px!important;
    min-height:48px!important;
    padding:0!important;
    overflow:visible!important;
  }

  /* Closed state: three centred horizontal bars. */
  html body.home-v8:not(.page-diagram) .av5-menu span{
    position:absolute!important;
    left:50%!important;
    width:19px!important;
    height:2px!important;
    margin:0!important;
    border:0!important;
    border-radius:2px!important;
    background:#F7F6F2!important;
    opacity:1!important;
    transform:translateX(-50%) rotate(0deg)!important;
    transform-origin:center!important;
    transition:top .2s ease, transform .2s ease, opacity .16s ease, background-color .16s ease!important;
  }
  html body.home-v8:not(.page-diagram) .av5-menu span:nth-child(1){top:17px!important}
  html body.home-v8:not(.page-diagram) .av5-menu span:nth-child(2){top:23px!important}
  html body.home-v8:not(.page-diagram) .av5-menu span:nth-child(3){top:29px!important}

  /* Open state: use first and third bars to form a high-contrast X. */
  html body.home-v8:not(.page-diagram) .av5-menu[aria-expanded="true"] span{
    left:50%!important;
    top:23px!important;
    width:20px!important;
    height:2px!important;
    margin:0!important;
    background:#12272E!important;
  }
  html body.home-v8:not(.page-diagram) .av5-menu[aria-expanded="true"] span:nth-child(1){
    transform:translateX(-50%) rotate(45deg)!important;
  }
  html body.home-v8:not(.page-diagram) .av5-menu[aria-expanded="true"] span:nth-child(2){
    opacity:0!important;
    transform:translateX(-50%) scaleX(.25)!important;
  }
  html body.home-v8:not(.page-diagram) .av5-menu[aria-expanded="true"] span:nth-child(3){
    transform:translateX(-50%) rotate(-45deg)!important;
  }

  /* The open menu is warm-white, so give the button a subtle light surface
     behind the dark X while preserving its exact location and circular frame. */
  html body.home-v8:not(.page-diagram) .av5-menu[aria-expanded="true"]{
    background:#F7F6F2!important;
    border-color:rgba(18,39,46,.22)!important;
    color:#12272E!important;
    box-shadow:0 8px 24px rgba(5,25,30,.10)!important;
  }
}