/* Shared mobile hamburger for LawnOps public sites (lime marketing brand). */
.nav-toggle{
  display:none;
  align-items:center;
  justify-content:center;
  width:44px;
  height:44px;
  padding:0;
  border:2px solid var(--ink,#365314);
  background:transparent;
  color:var(--ink,#365314);
  cursor:pointer;
  flex-shrink:0;
}
.nav-toggle svg{display:block;}
.nav-toggle .nav-icon-close{display:none;}
.nav-toggle[aria-expanded="true"] .nav-icon-open{display:none;}
.nav-toggle[aria-expanded="true"] .nav-icon-close{display:block;}

.nav-backdrop{
  display:none;
  position:fixed;
  inset:0;
  background:rgba(0,0,0,0.35);
  z-index:55;
}

@media (max-width:768px){
  .nav-toggle{display:inline-flex;}
  .header-nav-desktop,
  .header-actions-desktop{display:none !important;}

  .header-nav-panel{
    display:none;
    position:fixed;
    top:0;
    right:0;
    bottom:0;
    width:min(320px,88vw);
    z-index:60;
    background:var(--canvas,#f7fee7);
    border-left:3px solid var(--ink,#365314);
    padding:72px 20px 24px;
    overflow-y:auto;
    flex-direction:column;
    gap:10px;
    align-items:stretch;
  }
  body.nav-open .header-nav-panel{display:flex;}
  body.nav-open .nav-backdrop{display:block;}
  body.nav-open{overflow:hidden;}

  .header-nav-panel .header-cta,
  .header-nav-panel #pwa-install,
  .header-nav-panel .powered,
  .header-nav-panel .social-link,
  .header-nav-panel a.nav-panel-link{
    width:100%;
    justify-content:center;
    text-align:center;
    box-sizing:border-box;
    min-height:48px;
    display:inline-flex;
    align-items:center;
  }
  .header-nav-panel .social-links{
    display:flex;
    justify-content:center;
    gap:8px;
    width:100%;
  }
}

@media (min-width:769px){
  .header-nav-panel{display:none !important;}
  .nav-backdrop{display:none !important;}
}