/* AH-TRADING-PRO v13.4.2
   Mobile drawer recovery. This layer intentionally overrides older responsive
   nav rules so the full navigation remains visible and scrollable. */

.primary-nav{
  display:flex!important;
  position:fixed!important;
  z-index:420!important;
  top:0!important;
  bottom:0!important;
  left:0!important;
  right:auto!important;
  width:min(520px,94vw)!important;
  height:100vh!important;
  height:100dvh!important;
  min-height:100vh!important;
  max-height:100dvh!important;
  box-sizing:border-box!important;
  padding:22px 22px calc(24px + env(safe-area-inset-bottom,0px))!important;
  flex-direction:column!important;
  align-items:stretch!important;
  justify-content:flex-start!important;
  gap:9px!important;
  overflow-x:hidden!important;
  overflow-y:auto!important;
  overscroll-behavior:contain!important;
  -webkit-overflow-scrolling:touch!important;
  background:
    radial-gradient(circle at 84% 7%,rgba(244,189,67,.08),transparent 27%),
    linear-gradient(180deg,#07121f 0%,#030a12 58%,#02070d 100%)!important;
  border:0!important;
  border-right:1px solid rgba(244,189,67,.30)!important;
  border-radius:0!important;
  box-shadow:34px 0 95px rgba(0,0,0,.72)!important;
  transform:translate3d(-104%,0,0)!important;
  opacity:1!important;
  visibility:visible!important;
}
.primary-nav.open{
  display:flex!important;
  transform:translate3d(0,0,0)!important;
  opacity:1!important;
  visibility:visible!important;
}
.primary-nav>*{flex:0 0 auto!important;visibility:visible!important}
.primary-nav .nav-drawer-head{display:flex!important}
.primary-nav .nav-drawer-intro{display:flex!important}
.primary-nav .nav-section-label{display:block!important}
.primary-nav>a.nav-feature-link{display:flex!important}
.primary-nav .nav-group{display:block!important}
.primary-nav .drawer-actions{display:grid!important}
.primary-nav .nav-drawer-help{display:flex!important}

/* Prevent generic old mobile rules from collapsing or absolutely positioning the drawer. */
@media(max-width:1200px){
  .primary-nav{
    position:fixed!important;
    top:0!important;
    bottom:0!important;
    left:0!important;
    right:auto!important;
    height:100vh!important;
    height:100dvh!important;
  }
}

.nav-drawer-head{
  position:sticky!important;
  top:-22px!important;
  z-index:3!important;
  margin:0 0 8px!important;
  padding:16px 0 17px!important;
  background:linear-gradient(180deg,#07121f 76%,rgba(7,18,31,.94) 90%,rgba(7,18,31,0))!important;
}
.nav-drawer-head img{width:min(270px,72%)!important;max-height:62px!important}
.nav-close{flex:none!important;width:48px!important;height:48px!important}

.nav-drawer-intro{margin:0 0 6px!important}
.nav-section-label{margin:7px 4px 0!important}

/* Main links stay immediately readable, no hidden accordion required. */
.primary-nav>a.nav-feature-link{
  min-height:55px!important;
  padding:12px 46px 12px 16px!important;
}
.nav-group{overflow:visible!important}
.nav-group summary{min-height:53px!important}
.nav-group-links{overflow:visible!important}

/* The action area must not push links away with margin:auto from older CSS. */
.drawer-actions{margin:5px 0 0!important;padding-top:12px!important}

/* Professional support footer with the two requested quick icons. */
.nav-drawer-support{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:14px!important;
  margin:4px 0 0!important;
  padding:15px!important;
  border:1px solid rgba(255,255,255,.085)!important;
  border-radius:17px!important;
  background:linear-gradient(145deg,rgba(10,24,39,.92),rgba(5,14,24,.96))!important;
}
.nav-support-copy{min-width:0}
.nav-support-copy strong,.nav-support-copy small{display:block!important}
.nav-support-copy strong{color:#fff;font:800 13px/1.2 Manrope,Inter,sans-serif}
.nav-support-copy small{margin-top:4px;color:#8191a5;font-size:9px;line-height:1.45}
.primary-nav .nav-support-contact{
  display:inline-flex!important;
  min-height:0!important;
  margin-top:8px!important;
  padding:0!important;
  color:#f7c94e!important;
  background:none!important;
  font-size:10px!important;
  font-weight:850!important;
  text-decoration:none!important;
}
.primary-nav .nav-support-contact::after{display:none!important}
.nav-support-icons{display:flex;gap:8px;flex:none}
.primary-nav .nav-support-icon{
  display:grid!important;
  place-items:center!important;
  width:46px!important;
  height:46px!important;
  min-height:46px!important;
  padding:0!important;
  border:1px solid rgba(244,189,67,.38)!important;
  border-radius:50%!important;
  background:rgba(244,189,67,.055)!important;
  color:#f7c94e!important;
  box-shadow:0 10px 26px rgba(0,0,0,.2)!important;
}
.primary-nav .nav-support-icon::after{display:none!important}
.nav-support-icon svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.nav-support-icon svg path:first-child{fill:rgba(244,189,67,.06)}
.primary-nav .nav-support-icon:hover{background:rgba(244,189,67,.12)!important;border-color:rgba(244,189,67,.72)!important}

@media(max-width:680px){
  .primary-nav{
    width:96vw!important;
    max-width:460px!important;
    padding:16px 16px calc(20px + env(safe-area-inset-bottom,0px))!important;
    gap:7px!important;
  }
  .nav-drawer-head{top:-16px!important;padding:12px 0 15px!important}
  .nav-drawer-head img{width:min(245px,70%)!important}
  .nav-drawer-intro{padding:12px 13px!important}
  .primary-nav>a.nav-feature-link{min-height:52px!important;border-radius:14px!important;font-size:14px!important}
  .nav-group{border-radius:14px!important}
  .nav-group summary{min-height:51px!important;font-size:13px!important}
  .drawer-actions .btn{min-height:58px!important;border-radius:14px!important}
  .nav-drawer-support{grid-template-columns:1fr!important}
  .nav-support-icons{width:100%;justify-content:flex-start}
}

@media(max-width:390px){
  .primary-nav{width:97vw!important;padding-inline:13px!important}
  .nav-support-icon{width:43px!important;height:43px!important}
}


/* v13.4.2 visual polish: compact utility actions and support shortcuts. */
.drawer-actions{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:9px!important;
  margin:5px 0 0!important;
  padding-top:11px!important;
  border-top:1px solid rgba(255,255,255,.065)!important;
}
.primary-nav .drawer-actions .btn{
  display:flex!important;
  min-width:0!important;
  min-height:64px!important;
  padding:12px 13px!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  justify-content:center!important;
  gap:3px!important;
  border:1px solid rgba(255,255,255,.10)!important;
  border-radius:14px!important;
  background:linear-gradient(145deg,rgba(10,23,37,.96),rgba(5,14,24,.98))!important;
  color:#f4f7fb!important;
  box-shadow:none!important;
  text-align:left!important;
  text-decoration:none!important;
}
.primary-nav .drawer-actions .btn:hover{
  border-color:rgba(244,189,67,.34)!important;
  background:linear-gradient(145deg,rgba(13,28,44,.98),rgba(6,16,27,.99))!important;
  transform:none!important;
}
.primary-nav .drawer-actions .btn span{
  display:block!important;
  color:#f4f7fb!important;
  font:800 12px/1.25 Manrope,Inter,sans-serif!important;
  letter-spacing:0!important;
}
.primary-nav .drawer-actions .btn small{
  display:block!important;
  margin:0!important;
  color:#7f90a5!important;
  font:600 8.5px/1.35 Inter,sans-serif!important;
}
.primary-nav .drawer-actions .drawer-license-btn{
  border-color:rgba(244,189,67,.22)!important;
  background:linear-gradient(145deg,rgba(21,27,31,.98),rgba(7,16,26,.99))!important;
}
.primary-nav .drawer-actions .drawer-license-btn span{color:#f1c85b!important}
.primary-nav .drawer-actions .drawer-license-btn::before,
.primary-nav .drawer-actions .drawer-license-btn::after{display:none!important}

.nav-drawer-support{
  grid-template-columns:minmax(0,1fr) auto!important;
  padding:12px 13px!important;
  gap:10px!important;
}
.nav-support-copy strong{font-size:12px!important}
.nav-support-copy small{font-size:8.5px!important}
.primary-nav .nav-support-contact{margin-top:5px!important;font-size:9px!important}
.nav-support-icons{
  display:flex!important;
  width:auto!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:7px!important;
}
.primary-nav .nav-support-icon{
  width:41px!important;
  height:41px!important;
  min-height:41px!important;
  flex:0 0 41px!important;
  box-shadow:none!important;
}
.nav-support-icon svg{width:20px!important;height:20px!important}

@media(max-width:680px){
  .drawer-actions{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
    padding-top:9px!important;
  }
  .primary-nav .drawer-actions .btn{
    min-height:55px!important;
    padding:10px 11px!important;
    border-radius:13px!important;
  }
  .primary-nav .drawer-actions .btn span{font-size:11px!important}
  .primary-nav .drawer-actions .btn small{display:none!important}
  .nav-drawer-support{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    align-items:center!important;
    padding:11px 12px!important;
    gap:8px!important;
  }
  .nav-support-icons{width:auto!important;justify-content:flex-end!important}
  .primary-nav .nav-support-icon{
    width:39px!important;
    height:39px!important;
    min-height:39px!important;
    flex-basis:39px!important;
  }
  .nav-support-icon svg{width:19px!important;height:19px!important}
}

@media(max-width:390px){
  .primary-nav .drawer-actions .btn{padding-inline:9px!important}
  .primary-nav .drawer-actions .btn span{font-size:10.5px!important}
  .nav-drawer-support{padding:10px 11px!important}
  .nav-support-copy small{display:none!important}
  .primary-nav .nav-support-icon{width:38px!important;height:38px!important;min-height:38px!important;flex-basis:38px!important}
}