/*
 * Wartip motion budget v1 (loaded LAST on index, streamers, donate and dashboard).
 *
 * Goal: keep the interface feeling alive but stop paying GPU/CPU for decoration nobody
 * needs to see. This file only ever switches things OFF or makes them cheaper; delete the
 * <link> to this file to restore the previous look exactly. OBS overlays / widget alert
 * animations are NOT touched here (they are the product and live in separate pages).
 *
 * KEPT on purpose: spinners and skeleton loaders, small live/online status pulses, page and
 * modal enter transitions, hover/press feedback, goal bar fill, dropdown/menu motion.
 */

/* 1) Endless decorative loops -> static (their resting state is already a good-looking frame). */
.ambient-a,
.ambient-b,
.wt-dir-copy h2,
.wt-dir-copy h2 span,
.wt-dir-copy h2::after,
#features-title > span,
#packages-title > span,
html.wt-donate-night body::before,
html.wt-donate-night body::after,
.donation-empty-icon,
.wsg-is-pending .wsg-status-icon i,
.wsg-is-pending .wsg-track-step.is-current i,
.wsg-is-pending .wsg-track-line::after,
.wsg-is-pending .wsg-wait-spark {
  animation: none !important;
  will-change: auto !important;
}

/* A sweeping bar frozen at 45% would read as fake progress, so hide it instead. */
.wsg-is-pending .wsg-slim-line:first-of-type::after {
  display: none !important;
}

/* 2) Attention shakes: a few repetitions get noticed; an endless shake is just noise. */
.wt-notif-pending .wt-notif-bell,
.buyer-notif-trigger.has-unread i {
  animation-iteration-count: 3 !important;
}

/* 3) Cheaper glass: big blur radii on always-visible bars are the expensive part. */
html body .nav {
  -webkit-backdrop-filter: blur(10px) !important;
  backdrop-filter: blur(10px) !important;
}
html body #wfcSavebar,
html body > #wfcSavebar,
html body .wfc-v20-toolbar,
html body .wpay-savebar,
html body .ws-savebar,
html body .ws-studio .ws-savebar,
html body > :is(#wsFloatingSavebar, #goalSavebar, #tdSavebar, #wpaySavebar) {
  -webkit-backdrop-filter: blur(8px) !important;
  backdrop-filter: blur(8px) !important;
}

/* 4) Visitors who ask their system for reduced motion also get no glass blur on the big bars
      (the existing per-page reduced-motion rules already handle the animations themselves). */
@media (prefers-reduced-motion: reduce) {
  html body .nav,
  html body #wfcSavebar,
  html body .ws-savebar {
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
  }
}