/* WildDragon 2026 mobile hamburger drawer. */

@media (max-width: 1024px) {
  html body {
    --wd-menu-ink: #171421;
    --wd-menu-muted: #716c80;
    --wd-menu-purple: #7c35e8;
    --wd-menu-purple-dark: #5f25c8;
    --wd-menu-line: rgba(124, 53, 232, 0.14);
    --wd-menu-soft: #fbf8ff;
  }

  html body #nasa-menu-sidebar-content,
  html body #nasa-menu-sidebar-content.nasa-static-sidebar,
  html body #nasa-menu-sidebar-content.style-1 {
    position: fixed !important;
    top: 0 !important;
    right: auto !important;
    bottom: 0 !important;
    left: 0 !important;
    z-index: 101200 !important;
    display: flex !important;
    flex-direction: column !important;
    width: min(88vw, 390px) !important;
    max-width: min(88vw, 390px) !important;
    min-width: 0 !important;
    height: auto !important;
    min-height: 100dvh !important;
    max-height: 100dvh !important;
    margin: 0 !important;
    padding: max(14px, env(safe-area-inset-top)) 14px max(16px, env(safe-area-inset-bottom)) !important;
    border: 0 !important;
    border-right: 1px solid var(--wd-menu-line) !important;
    border-radius: 0 24px 24px 0 !important;
    background:
      linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(251, 248, 255, 0.98)),
      #fff !important;
    box-shadow: 18px 0 54px rgba(31, 22, 50, 0.18) !important;
    color: var(--wd-menu-ink) !important;
    font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
    overflow: hidden !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
    transform: translate3d(-105%, 0, 0) !important;
    transition:
      transform 240ms cubic-bezier(0.22, 0.61, 0.36, 1),
      opacity 180ms ease,
      visibility 180ms ease !important;
    -webkit-overflow-scrolling: touch !important;
    contain: layout style paint !important;
  }

  html body #nasa-menu-sidebar-content.nasa-active,
  html body #nasa-menu-sidebar-content.nasa-static-sidebar.nasa-active,
  html body #nasa-menu-sidebar-content.style-1.nasa-active {
    visibility: visible !important;
    opacity: 1 !important;
    pointer-events: auto !important;
    transform: translate3d(0, 0, 0) !important;
  }

  html body.admin-bar #nasa-menu-sidebar-content {
    top: 46px !important;
    min-height: calc(100dvh - 46px) !important;
    max-height: calc(100dvh - 46px) !important;
  }

  html body #nasa-menu-sidebar-content *,
  html body #nasa-menu-sidebar-content *::before,
  html body #nasa-menu-sidebar-content *::after {
    box-sizing: border-box !important;
  }

  html body #nasa-menu-sidebar-content ul,
  html body #nasa-menu-sidebar-content ol,
  html body #nasa-menu-sidebar-content li {
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
  }

  html body #nasa-menu-sidebar-content a,
  html body #nasa-menu-sidebar-content a:hover,
  html body #nasa-menu-sidebar-content a:focus,
  html body #nasa-menu-sidebar-content a:visited {
    color: inherit !important;
    text-decoration: none !important;
  }

  html body #nasa-menu-sidebar-content .nasa-mobile-nav-wrap {
    display: flex !important;
    flex: 1 1 auto !important;
    flex-direction: column !important;
    min-height: 0 !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
  }

  html body #nasa-menu-sidebar-content .nasa-close-menu-mobile,
  html body #nasa-menu-sidebar-content .nasa-sidebar-close {
    position: absolute !important;
    top: max(14px, env(safe-area-inset-top)) !important;
    right: 12px !important;
    z-index: 4 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 42px !important;
    height: 42px !important;
    min-width: 42px !important;
    min-height: 42px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 1px solid rgba(23, 20, 33, 0.1) !important;
    border-radius: 999px !important;
    background: #fff !important;
    box-shadow: 0 10px 24px rgba(31, 22, 50, 0.12) !important;
    color: var(--wd-menu-ink) !important;
    transform: none !important;
    -webkit-tap-highlight-color: transparent !important;
    transition:
      background-color 160ms ease,
      border-color 160ms ease,
      color 160ms ease,
      transform 160ms ease !important;
  }

  html body #nasa-menu-sidebar-content .nasa-close-menu-mobile:hover,
  html body #nasa-menu-sidebar-content .nasa-close-menu-mobile:focus-visible,
  html body #nasa-menu-sidebar-content .nasa-sidebar-close:hover,
  html body #nasa-menu-sidebar-content .nasa-sidebar-close:focus-visible {
    border-color: rgba(124, 53, 232, 0.28) !important;
    background: var(--wd-menu-soft) !important;
    color: var(--wd-menu-purple-dark) !important;
    outline: none !important;
  }

  html body #nasa-menu-sidebar-content .nasa-close-menu-mobile:active,
  html body #nasa-menu-sidebar-content .nasa-sidebar-close:active {
    transform: scale(0.96) !important;
  }

  html body #nasa-menu-sidebar-content .nasa-close-menu-mobile a,
  html body #nasa-menu-sidebar-content .nasa-sidebar-close a {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    height: 100% !important;
    color: inherit !important;
  }

  html body #nasa-menu-sidebar-content .nasa-close-menu-mobile svg,
  html body #nasa-menu-sidebar-content .nasa-sidebar-close svg {
    display: none !important;
  }

  html body #nasa-menu-sidebar-content .nasa-close-menu-mobile::before,
  html body #nasa-menu-sidebar-content .nasa-close-menu-mobile::after,
  html body #nasa-menu-sidebar-content .nasa-sidebar-close::before,
  html body #nasa-menu-sidebar-content .nasa-sidebar-close::after {
    content: "" !important;
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    display: block !important;
    width: 17px !important;
    height: 2px !important;
    border-radius: 999px !important;
    background: currentColor !important;
    transform-origin: center !important;
  }

  html body #nasa-menu-sidebar-content .nasa-close-menu-mobile::before,
  html body #nasa-menu-sidebar-content .nasa-sidebar-close::before {
    transform: translate(-50%, -50%) rotate(45deg) !important;
  }

  html body #nasa-menu-sidebar-content .nasa-close-menu-mobile::after,
  html body #nasa-menu-sidebar-content .nasa-sidebar-close::after {
    transform: translate(-50%, -50%) rotate(-45deg) !important;
  }

  html body #nasa-menu-sidebar-content .ns-menu-heading,
  html body #nasa-menu-sidebar-content .menu-item-heading.ns-menu-heading {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    min-height: 82px !important;
    margin: 0 52px 14px 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
  }

  html body #nasa-menu-sidebar-content .ns-menu-heading a,
  html body #nasa-menu-sidebar-content .ns-menu-heading .logo,
  html body #nasa-menu-sidebar-content .ns-menu-heading .logo-wrapper {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    max-width: 170px !important;
    height: auto !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
  }

  html body #nasa-menu-sidebar-content .ns-menu-heading img,
  html body #nasa-menu-sidebar-content .ns-menu-heading .header_logo,
  html body #nasa-menu-sidebar-content .ns-menu-heading .logo_mobile {
    display: block !important;
    width: auto !important;
    max-width: 170px !important;
    max-height: 74px !important;
    object-fit: contain !important;
  }

  html body #nasa-menu-sidebar-content .ns-menu-heading a:not(:first-of-type),
  html body #nasa-menu-sidebar-content .ns-menu-heading .logo:not(:first-child),
  html body #nasa-menu-sidebar-content .ns-menu-heading img:not(:first-of-type) {
    display: none !important;
  }

  html body #nasa-menu-sidebar-content #mobile-navigation,
  html body #nasa-menu-sidebar-content .nasa-menu-for-mobile {
    display: block !important;
    flex: 1 1 auto !important;
    width: 100% !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 6px 2px 12px !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    background: transparent !important;
    -webkit-overflow-scrolling: touch !important;
  }

  html body #nasa-menu-sidebar-content #mobile-navigation::before {
    display: none !important;
    content: none !important;
  }

  html body #nasa-menu-sidebar-content #mobile-navigation > li,
  html body #nasa-menu-sidebar-content #mobile-navigation .root-item {
    position: relative !important;
    display: block !important;
    margin: 0 0 8px !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 16px !important;
    background:
      linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(253, 251, 255, 0.96)),
      #fff !important;
    box-shadow:
      inset 0 0 0 1px rgba(124, 53, 232, 0.1),
      0 1px 0 rgba(255, 255, 255, 0.9) !important;
    overflow: hidden !important;
    transition:
      box-shadow 170ms ease,
      transform 170ms ease,
      background-color 170ms ease,
      filter 170ms ease !important;
  }

  html body #nasa-menu-sidebar-content #mobile-navigation > li::before,
  html body #nasa-menu-sidebar-content #mobile-navigation .root-item::before {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    z-index: 0 !important;
    border-radius: inherit !important;
    background:
      radial-gradient(circle at 18% 50%, rgba(124, 53, 232, 0.18), transparent 34%),
      linear-gradient(90deg, rgba(124, 53, 232, 0.11), rgba(22, 163, 111, 0.055)) !important;
    opacity: 0 !important;
    transform: scaleX(0.94) !important;
    transform-origin: left center !important;
    transition:
      opacity 180ms ease,
      transform 180ms ease !important;
    pointer-events: none !important;
  }

  html body #nasa-menu-sidebar-content #mobile-navigation > li:hover,
  html body #nasa-menu-sidebar-content #mobile-navigation > li:focus-within,
  html body #nasa-menu-sidebar-content #mobile-navigation .root-item:hover,
  html body #nasa-menu-sidebar-content #mobile-navigation .root-item:focus-within {
    background: #fff !important;
    box-shadow:
      inset 0 0 0 1px rgba(124, 53, 232, 0.28),
      0 13px 28px rgba(31, 22, 50, 0.1) !important;
    transform: translate3d(0, -2px, 0) !important;
    filter: saturate(1.03) !important;
  }

  html body #nasa-menu-sidebar-content #mobile-navigation > li:hover::before,
  html body #nasa-menu-sidebar-content #mobile-navigation > li:focus-within::before,
  html body #nasa-menu-sidebar-content #mobile-navigation .root-item:hover::before,
  html body #nasa-menu-sidebar-content #mobile-navigation .root-item:focus-within::before {
    opacity: 1 !important;
    transform: scaleX(1) !important;
  }

  html body #nasa-menu-sidebar-content #mobile-navigation > li:active,
  html body #nasa-menu-sidebar-content #mobile-navigation .root-item:active {
    box-shadow:
      inset 0 0 0 1px rgba(124, 53, 232, 0.34),
      inset 0 3px 12px rgba(31, 22, 50, 0.08),
      0 5px 14px rgba(31, 22, 50, 0.08) !important;
    transform: translate3d(0, 1px, 0) scale(0.992) !important;
  }

  html body #nasa-menu-sidebar-content #mobile-navigation li.hidden-tag,
  html body #nasa-menu-sidebar-content #mobile-navigation a.hidden-tag {
    display: none !important;
  }

  html body #nasa-menu-sidebar-content #mobile-navigation li > a.nasa-title-menu,
  html body #nasa-menu-sidebar-content #mobile-navigation li > a:not(.accordion) {
    position: relative !important;
    z-index: 1 !important;
    display: flex !important;
    align-items: center !important;
    min-height: 52px !important;
    width: 100% !important;
    padding: 14px 48px 14px 16px !important;
    border: 0 !important;
    background: transparent !important;
    color: var(--wd-menu-ink) !important;
    font-size: 14px !important;
    font-weight: 900 !important;
    line-height: 1.2 !important;
    letter-spacing: 0 !important;
    text-transform: uppercase !important;
    overflow-wrap: anywhere !important;
    -webkit-tap-highlight-color: transparent !important;
    transition:
      color 160ms ease,
      background-color 160ms ease,
      transform 160ms ease !important;
  }

  html body #nasa-menu-sidebar-content #mobile-navigation li > a.nasa-title-menu::after,
  html body #nasa-menu-sidebar-content #mobile-navigation li > a:not(.accordion)::after {
    content: "" !important;
    position: absolute !important;
    top: 50% !important;
    right: 18px !important;
    width: 7px !important;
    height: 7px !important;
    border-top: 2px solid currentColor !important;
    border-right: 2px solid currentColor !important;
    opacity: 0 !important;
    transform: translate3d(-5px, -50%, 0) rotate(45deg) !important;
    transition:
      opacity 160ms ease,
      transform 160ms ease !important;
  }

  html body #nasa-menu-sidebar-content #mobile-navigation li > a.nasa-title-menu:hover,
  html body #nasa-menu-sidebar-content #mobile-navigation li > a.nasa-title-menu:focus-visible,
  html body #nasa-menu-sidebar-content #mobile-navigation li > a:not(.accordion):hover,
  html body #nasa-menu-sidebar-content #mobile-navigation li > a:not(.accordion):focus-visible {
    background: transparent !important;
    color: var(--wd-menu-purple-dark) !important;
    outline: none !important;
  }

  html body #nasa-menu-sidebar-content #mobile-navigation li > a.nasa-title-menu:hover::after,
  html body #nasa-menu-sidebar-content #mobile-navigation li > a.nasa-title-menu:focus-visible::after,
  html body #nasa-menu-sidebar-content #mobile-navigation li > a:not(.accordion):hover::after,
  html body #nasa-menu-sidebar-content #mobile-navigation li > a:not(.accordion):focus-visible::after {
    opacity: 0.8 !important;
    transform: translate3d(0, -50%, 0) rotate(45deg) !important;
  }

  html body #nasa-menu-sidebar-content #mobile-navigation li > a.nasa-title-menu:active,
  html body #nasa-menu-sidebar-content #mobile-navigation li > a:not(.accordion):active {
    color: #42179b !important;
    transform: translate3d(3px, 1px, 0) !important;
  }

  html body #nasa-menu-sidebar-content #mobile-navigation li.current-menu-item > a.nasa-title-menu,
  html body #nasa-menu-sidebar-content #mobile-navigation li.current-menu-ancestor > a.nasa-title-menu {
    color: var(--wd-menu-purple-dark) !important;
  }

  html body #nasa-menu-sidebar-content #mobile-navigation li a.accordion {
    position: absolute !important;
    top: 6px !important;
    right: 6px !important;
    z-index: 3 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 40px !important;
    height: 40px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 999px !important;
    background: transparent !important;
    color: var(--wd-menu-ink) !important;
  }

  html body #nasa-menu-sidebar-content #mobile-navigation li a.accordion::before,
  html body #nasa-menu-sidebar-content #mobile-navigation li a.accordion::after {
    content: "" !important;
    position: absolute !important;
    top: 19px !important;
    right: 13px !important;
    width: 14px !important;
    height: 2px !important;
    border: 0 !important;
    border-radius: 99px !important;
    background: currentColor !important;
    transform: none !important;
    transition: transform 180ms ease !important;
  }

  html body #nasa-menu-sidebar-content #mobile-navigation li a.accordion::after {
    transform: rotate(90deg) !important;
  }

  html body #nasa-menu-sidebar-content #mobile-navigation li.li_accordion.active > a.accordion::after {
    transform: rotate(0deg) !important;
  }

  html body #nasa-menu-sidebar-content #mobile-navigation .nav-dropdown-mobile,
  html body #nasa-menu-sidebar-content #mobile-navigation .sub-menu {
    margin: 0 !important;
    padding: 0 10px 10px !important;
    border: 0 !important;
    background: transparent !important;
  }

  html body #nasa-menu-sidebar-content #mobile-navigation .nav-dropdown-mobile[style*="display: block"],
  html body #nasa-menu-sidebar-content #mobile-navigation li.active > .nav-dropdown-mobile {
    display: block !important;
  }

  html body #nasa-menu-sidebar-content #mobile-navigation .nav-dropdown-mobile li {
    margin: 0 0 6px !important;
    border-radius: 12px !important;
    background: rgba(124, 53, 232, 0.055) !important;
    box-shadow: none !important;
  }

  html body #nasa-menu-sidebar-content #mobile-navigation .nav-dropdown-mobile li > a {
    min-height: 40px !important;
    padding: 10px 12px !important;
    color: var(--wd-menu-muted) !important;
    font-size: 13px !important;
    font-weight: 820 !important;
    text-transform: none !important;
  }

  html body #nasa-menu-sidebar-content .nasa-select-languages,
  html body #nasa-menu-sidebar-content .nasa-select-currencies,
  html body #nasa-menu-sidebar-content .nasa-hello-acc {
    display: none !important;
  }

  html body.wd-mobile-menu-open,
  html body.wd-mobile-menu-open.m-ovhd {
    overflow: hidden !important;
    overscroll-behavior: contain !important;
  }

  html body.wd-mobile-menu-open .nasa-bottom-bar {
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
    transform: translate3d(0, 100%, 0) !important;
  }

  html body .wd-mobile-menu-backdrop,
  html body .black-window-mobile.wd-mobile-menu-backdrop {
    position: fixed !important;
    inset: 0 !important;
    z-index: 101150 !important;
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: rgba(16, 12, 24, 0.48) !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
    transition:
      opacity 200ms ease,
      visibility 200ms ease !important;
  }

  html body.wd-mobile-menu-open .wd-mobile-menu-backdrop,
  html body.wd-mobile-menu-open .black-window-mobile.wd-mobile-menu-backdrop {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
  }

  @media (prefers-reduced-motion: reduce) {
    html body #nasa-menu-sidebar-content,
    html body #nasa-menu-sidebar-content.nasa-active,
    html body .wd-mobile-menu-backdrop {
      transition: none !important;
    }
  }
}

@media (min-width: 1025px) {
  html body #nasa-menu-sidebar-content.wd-mobile-menu-owned:not(.nasa-active) {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
  }
}