/* Unified mobile navigation for public Leonel's Pizza pages */
@media (max-width: 900px) {
  header { position: relative !important; }
  header nav.wrap, header nav.nav {display:flex !important; align-items:center !important; justify-content:space-between !important; flex-wrap:nowrap !important;}
  header .navlinks, header .links, header .mobile-menu-button, header .mobile-menu-panel, header .mobile-toggle, header .lp-global-nav { display:none !important; }
  header .lp-mobile-trigger {display:flex !important; align-items:center; justify-content:center; width:48px; height:46px; flex:0 0 48px; padding:0; border:1px solid rgba(255,255,255,.35); border-radius:3px; background:transparent; color:#fff; cursor:pointer; margin-left:auto; z-index:10002; }
  header .lp-mobile-trigger svg {width:23px; height:23px; display:block;}
  header .lp-mobile-drawer {position:absolute !important; top:100%; left:0; right:0; z-index:10001; background:#1f272b; padding:16px 24px 24px; box-shadow:0 12px 24px rgba(0,0,0,.35); border-top:1px solid rgba(255,255,255,.16); display:none !important; box-sizing:border-box; }
  header .lp-mobile-drawer.is-open {display:flex !important; flex-direction:column; gap:0;}
  header .lp-mobile-drawer a {display:block; color:#fff !important; text-decoration:none !important; font-family:Arial,sans-serif; font-size:14px; letter-spacing:1.2px; font-weight:650; text-transform:uppercase; padding:13px 6px; border-bottom:1px solid rgba(255,255,255,.12); line-height:1.35;}
  header .lp-mobile-drawer a:last-child {background:#c69738; color:#141414 !important; border:0; text-align:center; margin-top:15px; padding:15px;}
  header .lp-mobile-drawer a:focus-visible, header .lp-mobile-trigger:focus-visible {outline:2px solid #d5a951; outline-offset:3px;}
  body.lp-nav-open {overflow:hidden;}
}
@media (min-width: 901px) {header .lp-mobile-trigger, header .lp-mobile-drawer {display:none !important;}}

/* Solid, viewport-level mobile drawer: never overlays page content transparently */
@media (max-width:900px) {
  body > #lp-mobile-drawer.lp-mobile-drawer {
    position:fixed !important;
    top:var(--lp-menu-top, 100px) !important;
    left:0 !important;
    right:0 !important;
    bottom:0 !important;
    z-index:2147483646 !important;
    display:none !important;
    flex-direction:column !important;
    gap:0 !important;
    overflow-y:auto !important;
    -webkit-overflow-scrolling:touch;
    background:#1f272b !important;
    background-color:#1f272b !important;
    opacity:1 !important;
    padding:12px 24px max(24px, env(safe-area-inset-bottom)) !important;
    box-sizing:border-box !important;
    box-shadow:0 16px 36px rgba(0,0,0,.4) !important;
    border-top:1px solid rgba(255,255,255,.15) !important;
  }
  body > #lp-mobile-drawer.lp-mobile-drawer.is-open {display:flex !important;}
  body > #lp-mobile-drawer.lp-mobile-drawer a {
    display:block !important;
    position:relative !important;
    color:#fff !important;
    opacity:1 !important;
    background:transparent !important;
    font:600 14px/1.4 Arial,sans-serif !important;
    letter-spacing:1.3px !important;
    text-transform:uppercase !important;
    text-decoration:none !important;
    text-align:center !important;
    padding:14px 8px !important;
    margin:0 !important;
    border:0 !important;
    border-bottom:1px solid rgba(255,255,255,.12) !important;
  }
  body > #lp-mobile-drawer.lp-mobile-drawer a:last-child {
    color:#171717 !important;
    background:#c69738 !important;
    margin:14px auto 4px !important;
    width:min(100%, 340px) !important;
    border:0 !important;
    padding:15px !important;
    box-sizing:border-box !important;
  }
  header .lp-mobile-trigger {position:relative !important;z-index:2147483647 !important;}
}
@media (min-width:901px) {body > #lp-mobile-drawer.lp-mobile-drawer {display:none !important;}}

/* Keep the header and drawer together while the menu is open, even on scrolled pages. */
@media (max-width:900px) {
  body.lp-nav-open header {
    position:fixed !important;
    top:0 !important;
    left:0 !important;
    right:0 !important;
    width:100% !important;
    z-index:2147483647 !important;
    background:#0b0e0c !important;
    box-sizing:border-box !important;
  }
  body.lp-nav-open > #lp-mobile-drawer.lp-mobile-drawer {
    top:var(--lp-menu-top, 100px) !important;
    bottom:0 !important;
    height:auto !important;
    background:#1f272b !important;
    z-index:2147483646 !important;
  }
  body.lp-nav-open {overflow:hidden !important;}
}