/* MENA-SINO Phase 4 — Living Network motion polish.
 * Design philosophy: motion indicates connection, sequence, and response; it is never required to read, navigate, or act.
 */

html[data-motion="full"] .mena-network-home .mena-network-pulse-divider path {
  stroke-dasharray: 7 10;
  animation: mena-network-pulse-trace 4.8s linear infinite;
}
@keyframes mena-network-pulse-trace { to { stroke-dashoffset: -340; } }

html[data-motion="full"] .mena-network-home .mena-network-stat {
  position: relative;
  overflow: hidden;
}
html[data-motion="full"] .mena-network-home .mena-network-stat::after {
  content: "";
  position: absolute;
  inset: auto 16% 0;
  height: 2px;
  background: var(--pulse);
  transform: scaleX(0);
  transform-origin: left center;
  transition: transform 480ms var(--ease-out);
}
html[data-motion="full"] .mena-network-home .mena-network-stats.is-in-view .mena-network-stat::after { transform: scaleX(1); }
html[data-motion="full"] .mena-network-home .mena-network-stat:nth-child(2)::after { transition-delay: 70ms; }
html[data-motion="full"] .mena-network-home .mena-network-stat:nth-child(3)::after { transition-delay: 140ms; }
html[data-motion="full"] .mena-network-home .mena-network-stat:nth-child(4)::after { transition-delay: 210ms; }

html[data-motion="full"] .mena-phase4-hover {
  transition: transform 180ms var(--ease-out), box-shadow 180ms var(--ease-out), border-color 180ms var(--ease-out), background-color 180ms var(--ease-out);
}
html[data-motion="full"] .mena-phase4-hover:hover,
html[data-motion="full"] .mena-phase4-hover:focus-within {
  transform: translateY(-3px);
  box-shadow: 0 18px 30px rgba(10,26,34,.10);
}
html[data-motion="full"] .mena-living-header .mena-mega-top-item > button[aria-expanded="true"] {
  color: var(--teal);
  background: rgba(46,153,134,.09);
  border-radius: 100px;
}
html[data-motion="full"] .mena-living-header .mena-mega-panel__inner {
  animation: mena-mega-arrive 180ms var(--ease-out) both;
}
@keyframes mena-mega-arrive { from { opacity: 0; transform: translateY(-5px); } to { opacity: 1; transform: translateY(0); } }

html[data-motion="full"] .mena-network-home .mena-network-quicklinks a,
html[data-motion="full"] .mena-phase3-template .mena-inner-hero__links a,
html[data-motion="full"] .mena-phase3-template .mena-patient-paths a,
html[data-motion="full"] .mena-phase3-template .mena-membership-guide__grid article {
  will-change: transform;
}

@media (prefers-reduced-motion: reduce) {
  .mena-network-home .mena-network-pulse-divider path,
  .mena-network-home .mena-network-stat::after,
  .mena-living-header .mena-mega-panel__inner {
    animation: none !important;
    transition: none !important;
  }
  .mena-phase4-hover,
  .mena-phase4-hover:hover,
  .mena-phase4-hover:focus-within {
    transform: none !important;
    box-shadow: none !important;
    transition: none !important;
  }
}