/* ============================================
   FINAL mobile menu fix — targeted to your theme
   ============================================ */

@media (max-width: 960px) {

  /* The mobile menu drawer — position it correctly */
  nav.primary {
    display: none !important;
    position: fixed !important;
    top: 0 !important;
    right: 0 !important;
    left: auto !important;
    width: min(320px, 85%) !important;
    height: 100vh !important;
    background: #2a1810 !important;
    padding: 5rem 2rem 2rem !important;
    z-index: 99999 !important;
    overflow-y: auto !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 0 !important;
    box-shadow: -10px 0 40px rgba(0,0,0,.3) !important;
    transform: translateX(100%);
    transition: transform .3s ease;
  }

  /* When the .open class is added, show the menu */
  nav.primary.open {
    display: flex !important;
    transform: translateX(0);
  }

  /* Style the menu links so they're clearly tappable */
  nav.primary a {
    display: block !important;
    color: #f5ede0 !important;
    padding: 1.25rem 0 !important;
    border-bottom: 1px solid rgba(255,255,255,.1) !important;
    font-size: 1.15rem !important;
    font-weight: 500 !important;
    text-decoration: none !important;
    pointer-events: auto !important;
    cursor: pointer !important;
    position: relative !important;
    z-index: 1 !important;
  }
  nav.primary a:active {
    color: #e8a93c !important;
    background: rgba(232,169,60,.1) !important;
  }
  nav.primary a::after { display: none !important; }

  /* Make the hamburger button always tappable and on top */
  .nav-toggle {
    position: relative !important;
    z-index: 100000 !important;
    pointer-events: auto !important;
  }

  /* Force-disable the .nav-cta on mobile (the "Book Free Consult" button) */
  .nav-cta {
    display: none !important;
  }

  /* When menu is open, prevent the page behind from being scrolled */
  body.nav-open {
    overflow: hidden !important;
  }

  /* Dark overlay behind the menu (using body::before since theme has no overlay element) */
  body.nav-open::before {
    content: '' !important;
    position: fixed !important;
    inset: 0 !important;
    background: rgba(0,0,0,.45) !important;
    z-index: 99998 !important;
    pointer-events: none !important;
  }

  /* Kill all blur effects on mobile */
  *, *::before, *::after {
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
  }
}