/* MOBILE FOOTER LIFT POLISH - iPhone / Android / Chrome */
@media(max-width:900px){
  :root{
    --ati-mobile-nav-bottom: max(14px, env(safe-area-inset-bottom));
    --ati-mobile-nav-height: 78px;
  }

  /* Common bottom nav selectors used across the site */
  .client-bottom-nav,
  #atiClientBottomNav,
  .bottom-nav,
  .mobile-bottom-nav,
  .app-bottom-nav,
  .site-bottom-nav,
  .pwa-bottom-nav,
  nav.bottom,
  footer.mobile-nav{
    position:fixed!important;
    left:12px!important;
    right:12px!important;
    bottom:var(--ati-mobile-nav-bottom)!important;
    z-index:2147482200!important;
    min-height:var(--ati-mobile-nav-height)!important;
    padding:9px 10px calc(9px + env(safe-area-inset-bottom))!important;
    border-radius:24px!important;
    border:1px solid rgba(101,213,255,.18)!important;
    background:rgba(4,11,22,.92)!important;
    backdrop-filter:blur(22px)!important;
    -webkit-backdrop-filter:blur(22px)!important;
    box-shadow:0 18px 55px rgba(0,0,0,.42), inset 0 1px 0 rgba(255,255,255,.05)!important;
    overflow:visible!important;
  }

  .client-bottom-nav a,
  #atiClientBottomNav a,
  .bottom-nav a,
  .mobile-bottom-nav a,
  .app-bottom-nav a,
  .site-bottom-nav a,
  .pwa-bottom-nav a,
  nav.bottom a,
  footer.mobile-nav a{
    border-radius:18px!important;
    min-height:58px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    flex-direction:column!important;
    gap:5px!important;
  }

  .client-bottom-nav a.active,
  #atiClientBottomNav a.active,
  .bottom-nav a.active,
  .mobile-bottom-nav a.active,
  .app-bottom-nav a.active,
  .site-bottom-nav a.active,
  .pwa-bottom-nav a.active,
  nav.bottom a.active,
  footer.mobile-nav a.active,
  .client-bottom-nav a[aria-current="page"],
  #atiClientBottomNav a[aria-current="page"]{
    background:rgba(44,201,255,.16)!important;
    border:1px solid rgba(101,213,255,.22)!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.08), 0 10px 25px rgba(44,201,255,.08)!important;
  }

  /* Give page enough bottom padding so content and widgets do not hide behind nav */
  body{
    padding-bottom:calc(var(--ati-mobile-nav-height) + 36px + env(safe-area-inset-bottom))!important;
  }

  main,
  .main,
  .content,
  .page,
  .client-main,
  .client-content,
  .app-content,
  .dashboard-content{
    padding-bottom:calc(var(--ati-mobile-nav-height) + 42px + env(safe-area-inset-bottom))!important;
  }

  /* Keep Voice AI floating button above the lifted footer */
  #atiVoiceFab,
  #atiClientVoiceFab{
    bottom:calc(var(--ati-mobile-nav-height) + 34px + env(safe-area-inset-bottom))!important;
    right:16px!important;
  }

  #atiVoicePanel,
  #atiClientVoicePanel{
    bottom:calc(var(--ati-mobile-nav-height) + 104px + env(safe-area-inset-bottom))!important;
    max-height:calc(100vh - var(--ati-mobile-nav-height) - 128px - env(safe-area-inset-bottom))!important;
  }

  /* Pricing/home public floating bottom menu selectors */
  .public-bottom-nav,
  .marketing-bottom-nav,
  .main-bottom-nav{
    position:fixed!important;
    left:12px!important;
    right:12px!important;
    bottom:var(--ati-mobile-nav-bottom)!important;
    z-index:2147482200!important;
    border-radius:24px!important;
    background:rgba(4,11,22,.92)!important;
    backdrop-filter:blur(22px)!important;
    -webkit-backdrop-filter:blur(22px)!important;
    box-shadow:0 18px 55px rgba(0,0,0,.42)!important;
  }
}

/* Android Chrome compact viewport */
@media(max-width:430px){
  @media(max-width:900px){
    :root{
      --ati-mobile-nav-bottom: max(10px, env(safe-area-inset-bottom));
      --ati-mobile-nav-height: 74px;
    }
    .client-bottom-nav,
    #atiClientBottomNav,
    .bottom-nav,
    .mobile-bottom-nav,
    .app-bottom-nav,
    .site-bottom-nav,
    .pwa-bottom-nav,
    nav.bottom,
    footer.mobile-nav{
      left:8px!important;
      right:8px!important;
      border-radius:22px!important;
      padding-left:7px!important;
      padding-right:7px!important;
    }
  }
}