/* AH-TRADING-PRO v13.4.5 - final mobile drawer + gallery selector fix.
   1) Drawer Telegram/WhatsApp are moved above utility actions and never clipped.
   2) Global floating Telegram animation runs on every public page.
   3) Gallery styling remains isolated below Platform Directory. */

/* The public floating buttons must never cover the open drawer. */
body.nav-open .push-center,
body.nav-open > .telegram{
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
}

/* Drawer social row: compact, fully visible and no help copy. */
.primary-nav .nav-social-strip{
  display:grid!important;
  position:relative!important;
  inset:auto!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:9px!important;
  width:100%!important;
  margin:5px 0 0!important;
  padding:10px 0 0!important;
  border-top:1px solid rgba(255,255,255,.065)!important;
  background:transparent!important;
  flex:0 0 auto!important;
  overflow:visible!important;
}
.primary-nav .nav-social-icon{
  display:grid!important;
  place-items:center!important;
  width:100%!important;
  min-width:0!important;
  height:48px!important;
  min-height:48px!important;
  padding:0!important;
  border:1px solid rgba(244,189,67,.32)!important;
  border-radius:14px!important;
  background:linear-gradient(145deg,rgba(10,23,37,.98),rgba(5,14,24,.99))!important;
  color:#f2c653!important;
  text-decoration:none!important;
  box-shadow:none!important;
}
.primary-nav .nav-social-icon::after{display:none!important}
.primary-nav .nav-social-icon:hover{border-color:rgba(244,189,67,.62)!important;background:rgba(244,189,67,.08)!important}
.primary-nav .nav-social-icon svg{width:23px!important;height:23px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.75!important;stroke-linecap:round!important;stroke-linejoin:round!important}
.primary-nav .nav-social-icon svg path:first-child{fill:rgba(244,189,67,.045)!important}

/* Give Android/Chrome a little real bottom room without pushing social icons off-screen. */
@media(max-width:680px){
  .primary-nav{
    padding-bottom:max(18px,env(safe-area-inset-bottom,0px))!important;
    max-height:100dvh!important;
  }
  .primary-nav .nav-social-strip{gap:8px!important;padding-top:8px!important}
  .primary-nav .nav-social-icon{height:46px!important;min-height:46px!important;border-radius:13px!important}
}
@media(max-width:390px){
  .primary-nav .nav-social-icon{height:44px!important;min-height:44px!important}
}

/* Telegram floats and pulses on every public page. */
.telegram.telegram-animated{
  animation:ahtpTelegramFloat 2.8s ease-in-out infinite!important;
  isolation:isolate;
  will-change:transform;
}
.telegram.telegram-animated::before{
  content:"";
  position:absolute;
  inset:-7px;
  z-index:-1;
  border:1px solid rgba(40,168,234,.58);
  border-radius:50%;
  opacity:.65;
  animation:ahtpTelegramPulse 2.2s ease-out infinite!important;
  pointer-events:none;
}
@keyframes ahtpTelegramFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
@keyframes ahtpTelegramPulse{0%{transform:scale(.9);opacity:.7}70%,100%{transform:scale(1.35);opacity:0}}
@media(prefers-reduced-motion:reduce){.telegram.telegram-animated,.telegram.telegram-animated::before{animation:none!important}}

/* Homepage photo gallery. */
.home-photo-gallery-section{padding-top:12px!important}
.home-gallery-heading{margin-bottom:24px!important}
.home-gallery-heading h2{margin-bottom:0!important}
.home-gallery{
  position:relative;
  overflow:hidden;
  padding:10px;
  border:1px solid rgba(244,189,67,.18);
  border-radius:24px;
  background:linear-gradient(145deg,rgba(8,20,33,.98),rgba(2,8,14,.99));
  box-shadow:0 24px 65px rgba(0,0,0,.28);
}
.home-gallery-stage{position:relative;overflow:hidden;aspect-ratio:16/9;border-radius:17px;background:#02070d}
.home-gallery-slide{position:absolute;inset:0;margin:0;opacity:0;transform:translateX(28px) scale(.995);pointer-events:none;transition:opacity .55s ease,transform .55s ease}
.home-gallery-slide.is-active{opacity:1;transform:translateX(0) scale(1);pointer-events:auto;z-index:2}
.home-gallery-slide img{display:block;width:100%;height:100%;object-fit:contain;background:#02070d}
.home-gallery-dots{display:flex;justify-content:center;gap:8px;padding:13px 6px 3px}
.home-gallery-dots button{width:8px;height:8px;padding:0;border:0;border-radius:50%;background:#596574;opacity:.7;cursor:pointer;transition:width .25s ease,background .25s ease,opacity .25s ease}
.home-gallery-dots button.is-active{width:24px;border-radius:999px;background:#f6bd43;opacity:1}
@media(max-width:680px){
  .home-photo-gallery-section{padding-top:2px!important}
  .home-gallery-heading{margin-bottom:17px!important}
  .home-gallery{padding:7px;border-radius:18px}
  .home-gallery-stage{aspect-ratio:4/3;border-radius:13px}
  .home-gallery-dots{padding-top:10px}
}


/* v13.4.5 mobile drawer root fix.
   Use the browser's actual visual viewport and give the final utility rows real scroll room.
   This fixes Android Chrome cases where the last row visually falls under the screen edge. */
@media(max-width:680px){
  .primary-nav{
    top:0!important;
    bottom:auto!important;
    height:var(--ahtp-mobile-visual-height,100svh)!important;
    min-height:0!important;
    max-height:var(--ahtp-mobile-visual-height,100svh)!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    touch-action:pan-y!important;
    overscroll-behavior-y:contain!important;
    -webkit-overflow-scrolling:touch!important;
    padding-bottom:calc(108px + env(safe-area-inset-bottom,0px))!important;
    scroll-padding-bottom:108px!important;
  }
  .primary-nav .nav-social-strip,
  .primary-nav .drawer-actions{flex:0 0 auto!important}
  .primary-nav .drawer-actions{margin-bottom:0!important}
}
@media(max-width:390px){
  .primary-nav{padding-bottom:calc(116px + env(safe-area-inset-bottom,0px))!important;scroll-padding-bottom:116px!important}
}