
/* Shared desktop separators + responsive hamburger navigation */
.site-header .nav{position:relative}
.mobile-menu-toggle{
  display:none;
  width:44px;
  height:44px;
  flex:0 0 44px;
  align-items:center;
  justify-content:center;
  padding:0;
  border-radius:14px;
  border:1px solid rgba(244,162,89,.34);
  background:rgba(8,5,3,.78);
  color:var(--text,#fff7ed);
  cursor:pointer;
  box-shadow:0 8px 24px rgba(0,0,0,.24);
}
.mobile-menu-toggle span,
.mobile-menu-toggle::before,
.mobile-menu-toggle::after{
  content:"";
  display:block;
  width:20px;
  height:2px;
  border-radius:2px;
  background:currentColor;
  transition:transform .2s ease,opacity .2s ease;
}
.mobile-menu-toggle{flex-direction:column;gap:5px}
.mobile-menu-toggle[aria-expanded="true"] span{opacity:0}
.mobile-menu-toggle[aria-expanded="true"]::before{transform:translateY(7px) rotate(45deg)}
.mobile-menu-toggle[aria-expanded="true"]::after{transform:translateY(-7px) rotate(-45deg)}

.mobile-menu-panel{
  display:none;
  position:fixed;
  top:66px;
  left:10px;
  right:10px;
  z-index:58;
  max-height:calc(100dvh - 78px);
  overflow:auto;
  padding:10px;
  border-radius:0 0 20px 20px;
  border:1px solid rgba(244,162,89,.24);
  border-top:0;
  background:rgba(8,5,3,.97);
  box-shadow:0 24px 60px rgba(0,0,0,.48);
  backdrop-filter:blur(14px);
}
.mobile-menu-panel.open{display:block}
.mobile-menu-panel a{
  display:flex;
  align-items:center;
  min-height:48px;
  padding:11px 13px;
  color:var(--text,#fff7ed);
  font-weight:900;
  border-radius:12px;
}
.mobile-menu-panel a + a{border-top:1px solid rgba(244,162,89,.13);border-radius:0}
.mobile-menu-panel a:hover,
.mobile-menu-panel a:focus-visible{background:rgba(244,162,89,.10);color:var(--gold,#c9954a)}
.mobile-menu-panel .mobile-booking-link{
  margin-top:8px;
  justify-content:center;
  border:1px solid rgba(255,224,180,.58)!important;
  border-radius:999px!important;
  background:linear-gradient(180deg,var(--gold,#c9954a),var(--gold2,#8a5524));
  color:#120804;
}
body.mobile-menu-open{overflow:hidden}

@media(min-width:1081px){
  .site-header .nav-links{gap:0!important}
  .site-header .nav-links a{
    position:relative;
    padding:6px 12px;
  }
  .site-header .nav-links a + a::before{
    content:"";
    position:absolute;
    left:0;
    top:50%;
    width:1px;
    height:15px;
    transform:translateY(-50%);
    background:rgba(201,149,74,.38);
  }
  .footer-nav{gap:0!important}
  .footer-nav a{position:relative;padding:2px 10px}
  .footer-nav a + a::before{
    content:"";
    position:absolute;
    left:0;
    top:50%;
    width:1px;
    height:13px;
    transform:translateY(-50%);
    background:rgba(201,149,74,.32);
  }
}
@media(max-width:1080px){
  .site-header .nav-links{display:none!important}
  .mobile-menu-toggle{display:inline-flex}
}
@media(max-width:640px){
  .site-header .nav>.btn,
  .site-header .nav-actions .btn{display:none!important}
  .site-header .brand strong{font-size:18px!important}
  .site-header .brand span{font-size:11px!important}
  .site-header .nav{gap:9px}
}
@media(max-width:360px){
  .site-header .brand strong{font-size:16px!important}
  .site-header .brand span{display:none!important}
}
