/* MedPublish Academy public mobile navigation + vertical social radar v2110 */

/* Telegram stays above WhatsApp in the vertical stack. */
.contact-orb.telegram{order:1}
.contact-orb.whatsapp{order:2}
.mpa-mobile-tabs-v2110{display:none}

/* Keep WhatsApp and Telegram stacked everywhere. */
.academy-floating-contact,
.medpublish-public .floating-contact-v3{
  flex-direction:column!important;
}

/* Radar / frequency animation for both social actions. */
.academy-floating-contact .contact-orb,
.medpublish-public .floating-contact-v3 .contact-orb{
  overflow:visible!important;
  isolation:isolate;
}
.academy-floating-contact .contact-orb::before,
.academy-floating-contact .contact-orb::after,
.medpublish-public .floating-contact-v3 .contact-orb::before,
.medpublish-public .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:mpaContactRadarV2110 2.55s cubic-bezier(.2,.72,.25,1) infinite;
}
.academy-floating-contact .contact-orb::after,
.medpublish-public .floating-contact-v3 .contact-orb::after{animation-delay:1.25s}
.academy-floating-contact .contact-orb>.ui-icon,
.medpublish-public .floating-contact-v3 .contact-orb>.ui-icon{
  animation:mpaContactPulseV2110 2.55s ease-in-out infinite;
}
@keyframes mpaContactRadarV2110{
  0%{transform:scale(.86);opacity:.38}
  68%{opacity:.1}
  100%{transform:scale(1.48);opacity:0}
}
@keyframes mpaContactPulseV2110{
  0%,100%{transform:scale(1)}
  45%{transform:scale(1.08)}
  60%{transform:scale(1)}
}

@media(max-width:820px){
  .medpublish-public{padding-bottom:calc(76px + env(safe-area-inset-bottom))!important}
  .medpublish-public .academy-footer{margin-bottom:0}

  .mpa-mobile-tabs-v2110{
    position:fixed;
    z-index:1200;
    right:0;
    left:0;
    bottom:0;
    min-height:68px;
    padding:5px 8px max(5px,env(safe-area-inset-bottom));
    display:grid;
    grid-template-columns:repeat(5,minmax(0,1fr));
    align-items:center;
    background:rgba(255,255,255,.975);
    border-top:1px solid #dfe7ee;
    box-shadow:0 -10px 28px rgba(18,48,78,.09);
    backdrop-filter:blur(18px);
    -webkit-backdrop-filter:blur(18px);
    direction:rtl;
  }
  .mpa-mobile-tabs-v2110 a{
    min-width:0;
    height:56px;
    border-radius:13px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:4px;
    color:#6d7e90;
    text-decoration:none;
    font-size:9px;
    line-height:1;
    font-weight:750;
    transition:background .18s ease,color .18s ease,transform .18s ease;
  }
  .mpa-mobile-tabs-v2110 a svg{width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
  .mpa-mobile-tabs-v2110 a.active{color:#123e67;background:#f7f1df;box-shadow:inset 0 0 0 1px rgba(203,153,39,.18)}
  .mpa-mobile-tabs-v2110 a:active{transform:scale(.96)}

  /* The two contact buttons sit vertically above the new mobile nav. */
  .academy-floating-contact,
  .medpublish-public .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;
  }
  .academy-floating-contact .contact-orb,
  .medpublish-public .floating-contact-v3 .contact-orb{
    width:52px!important;
    height:52px!important;
    border-radius:15px!important;
  }
  .academy-floating-contact .contact-orb span,
  .medpublish-public .floating-contact-v3 .contact-orb span{display:none!important}
  .medpublish-public .pwa-v15-sheet{bottom:calc(78px + env(safe-area-inset-bottom))!important}
}

@media(prefers-reduced-motion:reduce){
  .academy-floating-contact .contact-orb::before,
  .academy-floating-contact .contact-orb::after,
  .medpublish-public .floating-contact-v3 .contact-orb::before,
  .medpublish-public .floating-contact-v3 .contact-orb::after,
  .academy-floating-contact .contact-orb>.ui-icon,
  .medpublish-public .floating-contact-v3 .contact-orb>.ui-icon{animation:none!important}
}