/* EventCentralOps v0.9.169: motion + small-screen usability refinements.
 * Load after template-specific identities and v0.9.168 quality safeguards.
 * Styling is additive; no organizer content or template colors are changed. */

/* Intentional pause: content stays readable, and motion never traps a reader
 * behind a dimmed/offscreen scroll reveal. */
.eco-public-layout-motion.eco-motion-paused .eco-motion-slide .eco-public-wrap {
  opacity:1!important;transform:none!important;filter:none!important;
  transition:none!important;
}
.eco-public-layout-motion.eco-motion-paused .eco-motion-marquee>div { animation-play-state:paused!important; }
.eco-public-layout-motion.eco-motion-paused .eco-motion-card { translate:none!important; }

/* The presentation navigator formerly had 8px clickable dots. Keep the visual
 * dot, but provide actual 44px keyboard and touch targets. */
.eco-motion-progress { gap:2px;padding:8px 5px; }
.eco-motion-progress button {
  display:grid;place-items:center;width:44px;height:44px;flex:none;
  background:transparent!important;transform:none!important;
  outline-offset:2px;position:relative;box-shadow:none!important;
}
.eco-motion-progress button::after {
  content:'';display:block;width:9px;height:9px;border-radius:50%;
  background:rgba(255,255,255,.52);transition:transform .2s,background .2s;
}
.eco-motion-progress button[aria-current="true"]::after {
  background:var(--eco-site-accent,#f6b95f);transform:scale(1.4);
}
.eco-motion-progress button:focus-visible { outline:2px solid #fff; }
.eco-public-layout-motion .eco-motion-toggle {
  min-height:44px;min-width:44px;max-width:calc(100% - 24px);
  padding-inline:14px;justify-content:center;
}
.eco-public-layout-motion .eco-motion-toggle:focus-visible { outline:3px solid #fff;outline-offset:3px; }

/* Avoid compositing multiple animated 3D decorations on compact screens.
 * The content and editorial photography remain intact. */
@media(max-width:900px){
  .eco-public-layout-motion .eco-motion-card,
  .eco-public-layout-motion .eco-motion-aurora i,
  .eco-public-layout-motion .eco-motion-marquee>div {
    animation:none!important;will-change:auto!important;
  }
  .eco-public-layout-motion .eco-public-event-hero :is(.eco-hero-image,.eco-hero-video) {
    transform:scale(1.03)!important;will-change:auto!important;
  }
  .eco-public-layout-motion .eco-motion-slide .eco-public-wrap {
    opacity:1!important;transform:none!important;filter:none!important;
  }
  .eco-public-layout-motion .eco-motion-progress { display:none!important; }
  .eco-public-layout-motion :is(.eco-public-primary,.eco-public-secondary,.eco-carousel-controls button,.eco-motion-toggle) {
    min-height:44px;
  }
  .eco-public-site :is(.eco-gallery-carousel,.eco-people-grid,.eco-timeline),
  .radiant-landing :is(.yeka-music-grid,.minister-grid) {overscroll-behavior-inline:contain;}
}
@media(max-width:680px){
  .eco-public-layout-motion .eco-public-event-hero {min-height:max(100svh,540px)!important;}
  .eco-public-layout-motion .eco-public-hero-content {
    padding-top:clamp(68px,12vw,94px)!important;
    padding-bottom:clamp(106px,18vw,132px)!important;
  }
  .eco-public-layout-motion .eco-motion-toggle {
    bottom:max(12px,env(safe-area-inset-bottom));
    right:max(12px,env(safe-area-inset-right));
  }
  .eco-public-site :is(.eco-public-hero h1,.eco-public-section-head h2,.eco-public-richtext),
  .radiant-landing :is(.hero-copy h1,.hero-description) {overflow-wrap:anywhere;}
  .eco-public-site :is(.eco-public-actions,.eco-public-meta,.eco-public-cta) {max-width:100%;min-width:0;}
  .eco-public-site :is(.eco-public-primary,.eco-public-secondary),
  .radiant-landing .hero-actions :is(a,button) {max-width:100%;min-height:44px;}
  .eco-public-site :is(.eco-gallery-carousel figure,.eco-media-card) {min-width:0;}
  .eco-public-site iframe {max-width:100%;}
}
@media (prefers-reduced-motion:reduce){
  .eco-public-layout-motion .eco-motion-slide .eco-public-wrap {
    opacity:1!important;transform:none!important;filter:none!important;transition:none!important;
  }
  .eco-public-layout-motion .eco-motion-marquee>div {animation:none!important;}
}
@media print {
  .eco-public-layout-motion .eco-motion-slide .eco-public-wrap {opacity:1!important;transform:none!important;filter:none!important;}
  .eco-motion-progress,.eco-motion-toggle {display:none!important;}
}