/* ACOH 2026 Delegate V1.0.150 R6.4 — Mobile Stability & Repaint Guard */

@media (max-width:900px), (pointer:coarse){
  html.acoh-mobile-stability,
  html.acoh-mobile-stability body{
    scroll-behavior:auto!important;
  }

  html.acoh-mobile-stability .phone-shell{
    min-height:100svh!important;
  }

  /* Fixed transformed decoration is expensive to repaint under mobile browser
     chrome. It is purely decorative, so remove it without changing content. */
  html.acoh-mobile-stability .phone-shell::before{
    display:none!important;
  }

  /* Keep fixed bottom navigation on the viewport without a transformed parent
     compositing layer. Visual geometry stays the same. */
  html.acoh-mobile-stability .bottom-nav{
    left:0!important;
    right:0!important;
    transform:none!important;
    margin-left:auto!important;
    margin-right:auto!important;
    -webkit-backdrop-filter:none!important;
    backdrop-filter:none!important;
  }

  /* Sticky/fixed translucent blur layers are a common Safari/Android repaint
     source. Solid fallback backgrounds retain the approved ACOH appearance. */
  html.acoh-mobile-stability .toolbar{
    background:#fff7e8!important;
    -webkit-backdrop-filter:none!important;
    backdrop-filter:none!important;
  }
  html.acoh-mobile-stability .backend-overlay,
  html.acoh-mobile-stability .modal-backdrop,
  html.acoh-mobile-stability #speakerProfileModal .modal-backdrop,
  html.acoh-mobile-stability .contextual-speaker-header,
  html.acoh-mobile-stability .acoh88-cruise-pills>span,
  html.acoh-mobile-stability .acoh88-cruise-summary,
  html.acoh-mobile-stability .acoh88-cruise-actions .mini-action,
  html.acoh-mobile-stability .acoh88-cruise-details,
  html.acoh-mobile-stability .acoh89-ecpn-meta>span,
  html.acoh-mobile-stability .acoh89-ecpn-poster-modal{
    -webkit-backdrop-filter:none!important;
    backdrop-filter:none!important;
  }

  /* Ordinary interaction feedback should not promote/demote compositor layers
     while the user scrolls. Special ceremony/decorative animations are left
     untouched. */
  html.acoh-mobile-stability :where(
    .event-card,
    .tool-card,
    .stat-card,
    .info-card,
    .progress-card,
    .speaker-card,
    .highlight-card,
    .programme-my-card,
    .more-nav-card,
    .info-nav-card,
    .mascot-panel,
    .day-tab,
    .chip,
    .mini-action,
    .primary-btn,
    .secondary-btn,
    .nav-item
  ){
    transition:none!important;
  }

  html.acoh-mobile-stability :where(
    .event-card,
    .tool-card,
    .speaker-card,
    .highlight-card,
    .programme-my-card,
    .more-nav-card,
    .info-nav-card,
    .mascot-panel,
    .day-tab,
    .chip,
    .mini-action,
    .primary-btn,
    .secondary-btn,
    .nav-item
  ):active{
    transform:none!important;
  }

  html.acoh-mobile-stability .back-to-top,
  html.acoh-mobile-stability .app-toast{
    transition:none!important;
  }

  html.acoh-mobile-stability .event-card.done,
  html.acoh-mobile-stability .mini-action.save-action.active,
  html.acoh-mobile-stability .mini-action.save-action.saved,
  html.acoh-mobile-stability .back-to-top.pressed{
    animation:none!important;
  }

}