/* === Mobile drawer menu — shared across all landing pages (2026-05-04) ===
   Slide-in drawer from the left, with backdrop click-to-close (handled in main.js),
   compact Login + Free Trial in the header, and lang/currency selectors inline after the
   last menu item.
   Required HTML hooks per page:
     • <div id="lp-lang-currency-wrap"> wrapping the desktop lang+currency selects
     • <li class="d-xl-none lp-mobile-langcurrency">…<select class="js-lp-lang-sel-mobile">…
*/
#lp-lang-sel option,
#lp-currency-sel option { background:#0a1628; color:#fff }

@media (max-width: 768px) {
  .mobile-nav-toggle { color:#fff !important; font-size:26px !important; order:0 !important; margin-right:8px !important }
  /* Top header (mobile): show compact Login + Free Trial in place of lang/currency.
     When logged in (`body.lp-logged-in`), hide both — the user chip takes the slot. */
  #btn-landing-login { display:inline-block !important; padding:6px 12px !important; font-size:12.5px !important; margin-right:6px !important; margin-left:auto !important; order:97 !important; white-space:nowrap !important }
  #btn-landing-cta   { display:inline-block !important; padding:6px 14px !important; font-size:12.5px !important; margin-right:6px !important; order:98 !important; white-space:nowrap !important }
  body.lp-logged-in #btn-landing-login,
  body.lp-logged-in #btn-landing-cta { display:none !important }
  /* Logged-in mobile: push the chip to the right */
  body.lp-logged-in #lp-user-chip { margin-left:auto !important }
  #navmenu { order:0 !important; flex:0 !important }
  #lp-user-name { display:none !important }
  #lp-user-chip { padding:4px !important; gap:0 !important; order:99 !important; margin-right:0 !important; margin-left:8px !important }
  #lp-user-chip svg { display:none !important }
  .header .logo { order:1 !important; position:static !important; transform:none !important }
}

@media (max-width: 1199px) {
  /* Hide the desktop lang/currency wrap from the header — it lives inside the drawer (duplicated). */
  #lp-lang-currency-wrap { display:none !important }

  body.mobile-nav-active { overflow:hidden !important; position:fixed !important; width:100% !important }

  .mobile-nav-active #navmenu {
    position:fixed !important; top:0 !important; left:0 !important; right:0 !important; bottom:0 !important;
    background:rgba(0,0,0,.55) !important; z-index:999998 !important;
    flex:initial !important; display:block !important;
    animation:oryksa-mnav-fadebg .25s ease-out !important;
  }
  @keyframes oryksa-mnav-fadebg { from { background:rgba(0,0,0,0) } to { background:rgba(0,0,0,.55) } }
  @keyframes oryksa-mnav-slidein { from { transform:translateX(-100%) } to { transform:translateX(0) } }

  .mobile-nav-active #navmenu > ul {
    display:flex !important; flex-direction:column !important;
    position:fixed !important; top:0 !important; left:0 !important; right:auto !important; bottom:0 !important;
    width:min(86vw,320px) !important; height:100vh !important;
    background:#0a1628 !important;
    border:0 !important; border-right:1px solid rgba(255,255,255,.08) !important; border-radius:0 !important;
    padding:64px 0 24px !important;
    list-style:none !important;
    box-shadow:8px 0 40px rgba(0,0,0,.55) !important;
    z-index:999998 !important; margin:0 !important;
    overflow-y:auto !important;
    animation:oryksa-mnav-slidein .25s ease-out !important;
  }
  .mobile-nav-active #navmenu > ul > li { display:block !important; border-bottom:1px solid rgba(255,255,255,.05) !important }
  .mobile-nav-active #navmenu > ul > li:last-child { border-bottom:none !important }
  .mobile-nav-active #navmenu > ul > li > a {
    color:#cdd6e3 !important; font-size:16px !important; padding:14px 22px !important;
    display:block !important; text-decoration:none !important; background:transparent !important;
  }
  .mobile-nav-active #navmenu > ul > li > a:hover,
  .mobile-nav-active #navmenu > ul > li > a.active { color:#56b8ff !important; background:rgba(86,184,255,.08) !important }

  /* Inline lang + currency selectors right after the last menu item, centered, original size. */
  .mobile-nav-active #navmenu > ul > li.lp-mobile-langcurrency {
    display:flex !important; justify-content:center !important; align-items:center !important;
    gap:8px !important; padding:14px 22px !important; border-bottom:none !important;
  }
  .mobile-nav-active #navmenu > ul > li.lp-mobile-langcurrency select {
    background:transparent !important; border:1px solid #2a3a5a !important; color:#fff !important;
    padding:5px 8px !important; border-radius:6px !important;
    font-size:.82rem !important; cursor:pointer !important; font-family:inherit !important;
  }
  .mobile-nav-active #navmenu > ul > li.lp-mobile-langcurrency select option { background:#0a1628 !important; color:#fff !important }

  /* Close (X) sits on the drawer's right edge */
  .mobile-nav-active .mobile-nav-toggle {
    position:fixed !important; top:14px !important;
    left:calc(min(86vw,320px) - 50px) !important; right:auto !important;
    color:#fff !important; font-size:30px !important; z-index:999999 !important;
  }
}