/* MedResearch Hub: vertical social contacts + radar animation v2110 */

/* Telegram stays above WhatsApp in the vertical stack. */
.contact-orb.telegram{order:1}
.contact-orb.whatsapp{order:2}
.mr16-floating-contact,
.mr17-app .floating-contact-v3{
  flex-direction:column!important;
}
.mr16-floating-contact .contact-orb,
.mr17-app .floating-contact-v3 .contact-orb{
  overflow:visible!important;
  isolation:isolate;
}
.mr16-floating-contact .contact-orb::before,
.mr16-floating-contact .contact-orb::after,
.mr17-app .floating-contact-v3 .contact-orb::before,
.mr17-app .floating-contact-v3 .contact-orb::after{
  content:"";
  position:absolute;
  inset:-5px;
  z-index:-1;
  border:2px solid currentColor;
  border-radius:22px;
  opacity:0;
  pointer-events:none;
  animation:mrhContactRadarV2110 2.55s cubic-bezier(.2,.72,.25,1) infinite;
}
.mr16-floating-contact .contact-orb::after,
.mr17-app .floating-contact-v3 .contact-orb::after{animation-delay:1.25s}
.mr16-floating-contact .contact-orb>.ui-icon,
.mr17-app .floating-contact-v3 .contact-orb>.ui-icon{animation:mrhContactPulseV2110 2.55s ease-in-out infinite}
@keyframes mrhContactRadarV2110{
  0%{transform:scale(.86);opacity:.38}
  68%{opacity:.1}
  100%{transform:scale(1.48);opacity:0}
}
@keyframes mrhContactPulseV2110{
  0%,100%{transform:scale(1)}
  45%{transform:scale(1.08)}
  60%{transform:scale(1)}
}
@media(max-width:820px){
  .mr16-app .mr16-floating-contact,
  .mr17-app .floating-contact-v3{
    left:12px!important;
    right:auto!important;
    top:auto!important;
    bottom:calc(84px + env(safe-area-inset-bottom))!important;
    flex-direction:column!important;
    gap:12px!important;
    z-index:1190!important;
  }
  .mr16-floating-contact .contact-orb,
  .mr17-app .floating-contact-v3 .contact-orb{
    width:52px!important;
    height:52px!important;
    border-radius:15px!important;
  }
  .mr16-floating-contact .contact-orb span,
  .mr17-app .floating-contact-v3 .contact-orb span{display:none!important}
}
@media(prefers-reduced-motion:reduce){
  .mr16-floating-contact .contact-orb::before,
  .mr16-floating-contact .contact-orb::after,
  .mr17-app .floating-contact-v3 .contact-orb::before,
  .mr17-app .floating-contact-v3 .contact-orb::after,
  .mr16-floating-contact .contact-orb>.ui-icon,
  .mr17-app .floating-contact-v3 .contact-orb>.ui-icon{animation:none!important}
}