/* =========================================================
   FINAL PUNCTUATION + MOBILE MENU CLICK FIX
   ========================================================= */

/* Ensure menu button is always clickable on mobile */
@media(max-width:768px){
  .site-header{
    position:fixed!important;
    z-index:9999!important;
    pointer-events:auto!important;
  }

  .menu-toggle{
    position:absolute!important;
    right:12px!important;
    top:50%!important;
    transform:translateY(-50%)!important;
    z-index:10020!important;
    display:grid!important;
    place-items:center!important;
    width:48px!important;
    height:48px!important;
    min-width:48px!important;
    min-height:48px!important;
    padding:0!important;
    pointer-events:auto!important;
    cursor:pointer!important;
    opacity:1!important;
    visibility:visible!important;
    background:transparent!important;
    border:0!important;
    touch-action:manipulation!important;
    -webkit-tap-highlight-color:transparent;
  }

  .menu-toggle::before{
    content:"";
    position:absolute;
    inset:-6px;
  }

  .menu-toggle span{
    position:relative!important;
    z-index:2!important;
    display:block!important;
    width:22px!important;
    height:1px!important;
    margin:3px 0!important;
    pointer-events:none!important;
  }

  .language-toggle{
    z-index:10010!important;
  }

  .wordmark{
    z-index:10000!important;
    pointer-events:auto!important;
  }

  .mobile-menu{
    position:fixed!important;
    z-index:10000!important;
    pointer-events:auto!important;
  }

  .mobile-menu[aria-hidden="true"],
  .mobile-menu:not(.open):not(.is-open):not(.active){
    pointer-events:none!important;
  }

  .mobile-menu.open,
  .mobile-menu.is-open,
  .mobile-menu.active,
  body.menu-open .mobile-menu{
    pointer-events:auto!important;
  }

  /* Avoid invisible overlays blocking the menu button */
  .hero::before,
  .hero::after,
  .hero-overlay,
  .hero-media,
  main{
    pointer-events:none;
  }

  main a,
  main button,
  main input,
  main select,
  main textarea,
  main video{
    pointer-events:auto;
  }
}

/* Keep reservation title as two clean lines */
#reserve h2 .reserve-line{
  display:block!important;
}

#reserve h2 .reserve-line-brand{
  white-space:nowrap!important;
  word-break:keep-all!important;
}