/* TALKCHAT_R19C12R9R9_MOBILE_IOS_TRANSITIONS
   Mobile-only navigation motion layer.
   Desktop >=768px is intentionally untouched.
*/
@media (max-width:767px){
  #featureLayer{
    overflow:hidden;
  }

  #featureLayer .msref-profile-panel,
  #featureLayer .social-popup.profile-popup{
    transform:translate3d(0,0,0);
    backface-visibility:hidden;
    -webkit-backface-visibility:hidden;
    will-change:transform,opacity;
  }

  #featureLayer .tc-ios-enter{
    animation:tc-ios-push-in 300ms cubic-bezier(.22,1,.36,1) both;
  }

  #featureLayer .tc-ios-exit{
    animation:tc-ios-pop-out 250ms cubic-bezier(.4,0,.2,1) both!important;
    pointer-events:none!important;
  }

  #featureLayer .msref-menu-backdrop.tc-ios-menu-enter{
    animation:tc-ios-fade-in 220ms ease-out both;
  }

  #featureLayer .msref-menu-backdrop.tc-ios-menu-enter .msref-profile-menu{
    animation:tc-ios-menu-pop 280ms cubic-bezier(.22,1,.36,1) both;
    transform-origin:top right;
    backface-visibility:hidden;
  }

  #featureLayer .tc-ios-dim-enter{
    animation:tc-ios-dim-in 240ms ease-out both;
  }

  @keyframes tc-ios-push-in{
    from{
      transform:translate3d(100%,0,0);
      opacity:.94;
    }
    to{
      transform:translate3d(0,0,0);
      opacity:1;
    }
  }

  @keyframes tc-ios-pop-out{
    from{
      transform:translate3d(0,0,0);
      opacity:1;
    }
    to{
      transform:translate3d(100%,0,0);
      opacity:.96;
    }
  }

  @keyframes tc-ios-fade-in{
    from{opacity:0}
    to{opacity:1}
  }

  @keyframes tc-ios-menu-pop{
    from{
      transform:translate3d(0,-8px,0) scale(.985);
      opacity:0;
    }
    to{
      transform:translate3d(0,0,0) scale(1);
      opacity:1;
    }
  }

  @keyframes tc-ios-dim-in{
    from{background-color:rgba(0,0,0,0)}
    to{background-color:rgba(0,0,0,.26)}
  }

  /* Slight iOS-like depth while a full-screen mobile panel is active. */
  #featureLayer:has(.tc-ios-enter) ~ .ref-shell,
  body:has(#featureLayer .tc-ios-enter) .ref-shell{
    transition:transform 300ms cubic-bezier(.22,1,.36,1),filter 300ms ease;
  }
}

/* Accessibility: honor reduced-motion without changing navigation behavior. */
@media (max-width:767px) and (prefers-reduced-motion:reduce){
  #featureLayer .tc-ios-enter,
  #featureLayer .tc-ios-exit,
  #featureLayer .msref-menu-backdrop.tc-ios-menu-enter,
  #featureLayer .msref-menu-backdrop.tc-ios-menu-enter .msref-profile-menu,
  #featureLayer .tc-ios-dim-enter{
    animation:none!important;
    transition:none!important;
  }
}