/* Mobile hamburger navigation for Rwesik Laundry */
.menu-toggle,.menu-backdrop{display:none}

@media(max-width:700px){
  body.menu-open{overflow:hidden}

  .site-header,.nav{z-index:100!important;backdrop-filter:none}
  .nav{min-height:78px!important;flex-wrap:nowrap!important;padding:8px 0!important;gap:10px!important}
  .navin{min-height:78px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important}

  .brand{width:auto!important;justify-content:flex-start!important;padding:2px 0!important}
  .brand img,.brand .logo{width:178px!important;max-height:56px!important}

  .menu-toggle{
    margin-left:auto;display:inline-flex;width:44px;height:44px;flex:0 0 44px;
    border:1px solid rgba(17,140,79,.18);border-radius:13px;background:#fff;
    align-items:center;justify-content:center;flex-direction:column;gap:5px;
    box-shadow:0 6px 18px rgba(8,70,40,.08);cursor:pointer;position:relative;z-index:130;
    pointer-events:auto!important;touch-action:manipulation;
  }
  .menu-toggle span{width:21px;height:2px;border-radius:999px;background:var(--gd);transition:transform .22s,opacity .18s}
  body.menu-open .menu-toggle span:nth-child(1){transform:translateY(7px) rotate(45deg)}
  body.menu-open .menu-toggle span:nth-child(2){opacity:0}
  body.menu-open .menu-toggle span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}

  .navlinks{
    position:fixed!important;top:0!important;right:0!important;bottom:0!important;
    width:min(84vw,340px)!important;height:100dvh!important;
    display:flex!important;flex-direction:column!important;align-items:stretch!important;
    justify-content:flex-start!important;gap:5px!important;
    padding:88px 20px 24px!important;margin:0!important;
    overflow-y:auto!important;overflow-x:hidden!important;
    border:0!important;border-left:1px solid rgba(17,140,79,.15)!important;
    border-radius:24px 0 0 24px!important;background:#fff!important;
    box-shadow:-18px 0 45px rgba(4,45,25,.18)!important;
    transform:translateX(105%);transition:transform .25s ease;z-index:120!important;
    pointer-events:auto!important;-webkit-overflow-scrolling:touch;isolation:isolate;
  }
  body.menu-open .navlinks{transform:translateX(0)}

  .navlinks a,.navlinks a:not(.btn),.navlinks .wa,.navlinks .btn{
    pointer-events:auto!important;touch-action:manipulation!important;position:relative!important;z-index:2!important;
  }
  .navlinks a:not(.btn){
    display:flex!important;width:100%!important;flex:0 0 auto!important;
    padding:13px 14px!important;font-size:15px!important;white-space:normal!important;
    border-radius:13px!important;color:#24483a!important;
  }
  .navlinks a:not(.btn):hover,.navlinks a:not(.btn):active{background:#e9f8ef!important;color:var(--gd)!important}
  .navlinks .btn{
    display:flex!important;width:100%!important;flex:0 0 auto!important;
    margin-top:10px;padding:13px 15px!important;font-size:15px!important;
  }
  .navlinks .wa{
    display:flex!important;width:100%!important;justify-content:center!important;
    margin-top:10px!important;padding:13px 15px!important;border-radius:13px!important;
    background:var(--g)!important;color:#fff!important;font-size:15px!important;
  }

  /* Backdrop hanya menutup area DI LUAR panel. Jadi tidak mungkin memblokir tap menu. */
  .menu-backdrop{
    display:block;position:fixed;top:0;bottom:0;left:0;right:min(84vw,340px);
    background:rgba(6,31,20,.42);opacity:0;visibility:hidden;
    transition:opacity .22s,visibility .22s;z-index:80;pointer-events:none;
  }
  body.menu-open .menu-backdrop{opacity:1;visibility:visible;pointer-events:auto}
}