/* Talking Water — shared mobile nav (hamburger). Desktop unaffected. */
.mnav-toggle{display:none}

@media(max-width:900px){
  /* solid header on mobile so the hamburger + logo stay legible over heroes */
  body header{background:var(--green2)}

  .mnav-toggle{
    display:flex;flex-direction:column;justify-content:center;gap:6px;
    width:44px;height:44px;margin-left:auto;padding:0;border:0;background:transparent;
    cursor:pointer;z-index:60;position:relative;
  }
  .mnav-toggle span{display:block;height:2.5px;width:26px;margin:0 auto;background:#fff;border-radius:2px;transition:.3s ease}
  header.mnav-open .mnav-toggle span:nth-child(1){transform:translateY(8.5px) rotate(45deg)}
  header.mnav-open .mnav-toggle span:nth-child(2){opacity:0}
  header.mnav-open .mnav-toggle span:nth-child(3){transform:translateY(-8.5px) rotate(-45deg)}

  /* slide-in panel reuses the existing .links list */
  header .nav .links{
    display:flex !important;flex-direction:column;align-items:stretch;gap:0;
    position:fixed;inset:0;z-index:40;margin-left:0;
    background:var(--green2);padding:86px 26px 40px;overflow-y:auto;
    transform:translateX(100%);transition:transform .32s ease;
  }
  header.mnav-open .nav .links{transform:translateX(0)}
  header .nav .links a{
    color:#fff;opacity:1;width:100%;font-size:1.15rem;padding:17px 4px;
    border-bottom:1px solid rgba(255,255,255,.12);letter-spacing:.01em;
  }
  header .nav .links a.book{
    margin-top:22px;text-align:center;background:var(--terra);color:#fff;
    border:2px solid var(--terra);border-radius:999px;padding:16px;
    box-shadow:0 5px 0 var(--terra-d);font-size:.95rem;
  }
  body.mnav-lock{overflow:hidden}
}

/* Hide the homepage hero slideshow arrows on mobile (they overlap the headline; dots remain) */
@media(max-width:900px){
  .hero-arrows{display:none}
}