/* MCBC Connect V56F — smoothness layer (loads last; changes no colors or layout). */

/* Frosted-glass blur under the sticky header and bottom bar is expensive to repaint on every scroll
   frame on older phones. The bars are already 94–96% opaque, so the blur was nearly invisible.
   Use solid fills on phones; keep the blur where the device is powerful and the screen is large. */
@media (max-width: 900px), (prefers-reduced-transparency: reduce) {
  .topbar { -webkit-backdrop-filter: none; backdrop-filter: none; background: rgb(245, 241, 232); }
  .bottom-nav { -webkit-backdrop-filter: none; backdrop-filter: none; background: rgb(255, 253, 248); }
}

/* Keep scroll chaining inside pop-up panels from dragging the page behind them. */
[role="dialog"] { overscroll-behavior: contain; }

/* Taps respond immediately; no grey flash on iOS; no double-tap zoom delay on buttons and links. */
a, button, [data-route], .icon-button, .sermon-card { -webkit-tap-highlight-color: transparent; touch-action: manipulation; }


/* Image slots show a soft placeholder tint while the picture loads. */
.sermon-thumb img, .block-image { background: rgba(12, 84, 80, .06); }

/* Respect people who ask their phone for less motion: stop the looping LIVE pulse and shimmer. */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation-duration: .001ms !important; animation-iteration-count: 1 !important; transition-duration: .001ms !important; scroll-behavior: auto !important; }
}