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

/* Guest Info dropdown (desktop hover/focus flyout) */
.navdd{position:relative;display:inline-flex;align-items:center}
.navdd::after{content:"";position:absolute;top:100%;left:0;right:0;height:16px}
.navdd-toggle{font-family:"Urbanist",sans-serif;font-weight:700;font-size:.95rem;letter-spacing:.02em;color:#fff;background:transparent;border:0;cursor:pointer;padding:0;display:inline-flex;align-items:center;gap:5px;text-shadow:0 1px 6px rgba(0,0,0,.5)}
.navdd-toggle:hover,.navdd.active .navdd-toggle{color:var(--amber)}
.navdd-caret{font-size:.7em;transition:transform .2s}
.navdd:hover .navdd-caret,.navdd:focus-within .navdd-caret{transform:rotate(180deg)}
.navdd-menu{position:absolute;top:calc(100% + 12px);left:50%;transform:translateX(-50%) translateY(6px);min-width:196px;background:#0b453d;border:1px solid rgba(255,255,255,.14);border-radius:12px;padding:8px;box-shadow:0 16px 34px rgba(0,0,0,.34);opacity:0;visibility:hidden;transition:opacity .18s,transform .18s;z-index:60}
.navdd:hover .navdd-menu,.navdd:focus-within .navdd-menu{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0)}
.navdd-menu a{display:block;color:#eaf1ee;font-family:"Urbanist",sans-serif;font-weight:700;font-size:.9rem;letter-spacing:.01em;padding:9px 12px;border-radius:8px;white-space:nowrap;text-shadow:none}
.navdd-menu a:hover{background:rgba(255,255,255,.09);color:var(--amber)}

@media(max-width:1100px){
  /* 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:14px;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;
  }
  header .nav .links a.enhance{
    margin-top:22px;text-align:center;background:transparent;color:#fff;
    border:2px solid rgba(255,255,255,.75);border-radius:999px;padding:16px;
    font-size:.95rem;text-transform:uppercase;letter-spacing:.06em;font-weight:800;
  }
  body.mnav-lock{overflow:hidden}

  /* Guest Info dropdown becomes an always-expanded group in the mobile menu */
  header .nav .links .navdd{display:block;width:100%}
  header .nav .links .navdd::after{display:none}
  header .nav .links .navdd-toggle{width:100%;justify-content:flex-start;font-size:1.15rem;padding:17px 4px;border-bottom:1px solid rgba(255,255,255,.12);color:#fff}
  header .nav .links .navdd-caret{display:none}
  header .nav .links .navdd-menu{position:static;transform:none;opacity:1;visibility:visible;min-width:0;background:transparent;border:0;box-shadow:none;padding:0}
  header .nav .links .navdd-menu a{font-size:1.05rem;padding:14px 4px 14px 22px;border-bottom:1px solid rgba(255,255,255,.10);border-radius:0;color:#cfe0da}
  header .nav .links .navdd-menu a:hover{background:transparent;color:#fff}
}

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