/* Header and footer aligned with the main Hoi An Moon website. */
#main-header{position:fixed;inset:0 0 auto;z-index:100;display:flex;align-items:center;justify-content:space-between;width:100%;padding:12px 5%;color:#f2e6cf;background:linear-gradient(to bottom,rgba(72,55,50,.98) 0%,rgba(72,55,50,.85) 36%,rgba(72,55,50,.55) 70%,rgba(72,55,50,0) 100%);transition:background .35s ease,padding .3s ease,box-shadow .35s ease}
#main-header.is-scrolled{padding:7px 5%;background:#483732;box-shadow:0 2px 12px rgba(0,0,0,.22)}
#main-header .header-logo img{display:block;width:auto;height:96px;filter:none;transition:height .3s ease}
#main-header.is-scrolled .header-logo img{height:78px}
#nav-menu{display:flex;align-items:center;gap:clamp(12px,1.35vw,24px);margin-left:auto}
#nav-menu a{color:#f2e6cf;font-size:13px;font-weight:300;letter-spacing:.16em;text-transform:uppercase;white-space:nowrap;transition:color .2s ease}
#nav-menu a:hover,#nav-menu .nav-activities{color:#d6b57c}
#nav-menu .nav-book{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:29px;padding:6px 14px;border:1px solid #c99a59;border-radius:0;background:#a97838;box-shadow:0 2px 7px rgba(35,21,13,.22);color:#fff;font-size:11px;font-weight:500;line-height:1;letter-spacing:.15em;transition:background-color .2s ease,border-color .2s ease,color .2s ease}
#nav-menu .nav-book:hover{border-color:#d8b274;background:#bb8a48;color:#fff}
#nav-menu .nav-book i{font-size:11px;color:#fff}
.nav-language{display:inline-flex;align-items:center;gap:4px;color:#f2e6cf;font-size:12px;white-space:nowrap}.nav-language a{letter-spacing:.1em!important}.nav-language .is-active{color:#d6b57c!important;font-weight:600!important}
.nav-logo{display:none}.lantern-btn{display:none}

footer.footer-elegant{position:relative;display:block;min-height:0;padding:56px 5vw 48px;background:#483732;color:#f2e6cf;text-align:center;letter-spacing:2px}
.footer-elegant p{margin:0}.footer-elegant a{color:#f2e6cf;text-decoration:none}.footer-elegant a:hover{color:#d6b57c}
.fe-mini{font-size:14px;text-transform:uppercase;opacity:.95;letter-spacing:3px;margin-bottom:14px!important}.nowrap{white-space:nowrap}
.fe-socials{list-style:none;display:flex;justify-content:center;align-items:center;gap:28px;margin:8px 0 18px;padding:0}.fe-socials a{display:flex;align-items:center;justify-content:center;width:30px;height:30px;font-size:24px;line-height:1}.tripadvisor-icon{display:block;width:30px;height:30px;object-fit:contain}
.fe-policy{font-size:.72rem;line-height:2.1;opacity:.92;letter-spacing:2px}.fe-policy span{padding:0 6px;color:#d6b57c}
.fe-contact{max-width:950px;margin:20px auto 26px;font-size:.8rem;font-style:normal;line-height:1.9;opacity:.9}.fe-contact a{text-underline-offset:2px}
.fe-legal{display:grid;justify-items:center;gap:6px;margin-top:24px;padding-top:12px;border-top:1px solid rgba(214,181,124,.3);opacity:.95}.fe-legal p{font-size:.72rem}
.fe-support{position:fixed;right:20px;bottom:20px;z-index:10000}.fe-support-toggle{width:56px;height:56px;border:0;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#483732;color:#eee2d4;font-size:22px;cursor:pointer;box-shadow:0 6px 18px rgba(0,0,0,.25)}.fe-support-panel{position:absolute;right:3px;bottom:70px;display:flex;flex-direction:column;gap:10px;opacity:0;visibility:hidden;transform:translateY(10px);transition:opacity .25s ease,transform .25s ease,visibility .25s ease}.fe-support.open .fe-support-panel{opacity:1;visibility:visible;transform:translateY(0)}.fe-support-icon{width:50px;height:50px;border:1px solid #483732;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#eee2d4!important;color:#483732!important;font-size:22px;box-shadow:0 3px 8px rgba(0,0,0,.18)}

@media(max-width:991px){
  #main-header{padding:10px 18px}#main-header.is-scrolled{padding:7px 18px}#main-header .header-logo img{height:76px}#main-header.is-scrolled .header-logo img{height:66px}
  .lantern-btn{z-index:102;--size:50px;display:flex;width:var(--size);height:var(--size);border:0;border-radius:50%;position:relative;align-items:center;justify-content:center;cursor:pointer;background:radial-gradient(60% 60% at 50% 45%,#5a453a 0 60%,#4b3a31 61% 100%);box-shadow:0 0 0 2px #7a5f4f inset,0 6px 16px #0005,0 0 24px rgba(233,211,160,.3)}
  .lantern-btn:before{content:"";position:absolute;top:-16px;left:50%;width:2px;height:17px;background:linear-gradient(#d9caa2,#e9d3a0);transform:translateX(-50%)}.lantern-btn:after{content:"";position:absolute;bottom:-14px;left:50%;width:10px;height:17px;transform:translateX(-50%);background:linear-gradient(#f3dcae,#d8c189);border-radius:0 0 6px 6px;clip-path:polygon(0 0,100% 0,100% 85%,70% 85%,50% 100%,30% 85%,0 85%)}
  .lantern-halo{position:absolute;inset:-10px;border-radius:50%;box-shadow:0 0 40px 5px rgba(233,211,160,.2)}.bars{width:26px;height:18px;display:grid;gap:5px}.bar{display:block;height:3px;border-radius:2px;background:linear-gradient(90deg,#bfa877,#e9d3a0);transition:transform .3s ease,opacity .3s ease}.nav-open .bar:nth-child(1){transform:translateY(8px) rotate(45deg)}.nav-open .bar:nth-child(2){opacity:0}.nav-open .bar:nth-child(3){transform:translateY(-8px) rotate(-45deg)}
  #nav-menu{position:fixed;inset:0;z-index:101;display:flex;flex-direction:column;justify-content:center;gap:15px;margin:0;padding:38px 28px;background:rgba(54,40,35,.98);opacity:0;visibility:hidden;transform:translateY(-12px);transition:opacity .3s ease,transform .3s ease,visibility .3s ease}body.menu-open #nav-menu{opacity:1;visibility:visible;transform:translateY(0)}
  #nav-menu .nav-logo{display:block;margin-bottom:10px}#nav-menu .nav-logo img{width:175px;height:auto}#nav-menu a{font-size:14px}#nav-menu .nav-book{margin-top:10px;padding:10px 18px}.nav-language{font-size:14px;margin:5px 0}
}
@media(max-width:600px){footer.footer-elegant{padding:50px 22px 100px}.fe-mini{font-size:11px;line-height:1.8}.fe-policy span{padding:0 2px}.fe-contact{font-size:.72rem}.fe-support{right:14px;bottom:14px}}