/* ECHOWX_R163_LOADING_SPRITES_CLEANUP
   Hide animated loading sprites/spinners while keeping map content, controls, errors, and toasts usable. */
:root {
  --echowx-loading-sprites-cleanup-r163: 1;
}

/* Purpose-built EchoWx loader/sprite hooks */
.echowx-loading-sprite,
.echowx-loader-sprite,
.echowx-radar-loading-sprite,
.radar-loading-sprite,
.loading-sprite,
.loadingSprite,
.LoaderSprite,
.RadarLoadingSprite,
[data-echowx-loading-sprite],
[data-echowx-loader-sprite],
[data-echowx-radar-loading-sprite],
[data-loading-sprite],
[data-radar-loading-sprite] {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
  animation: none !important;
}

/* Common spinner/loader icons. Keep the selector scoped away from normal buttons where possible. */
.echowx-map-shell [class*="spinner" i],
.echowx-map-shell [class*="loader" i],
.echowx-map-shell [class*="loading" i][class*="icon" i],
.map-page [class*="spinner" i],
.map-page [class*="loader" i],
.weather-map [class*="spinner" i],
.weather-map [class*="loader" i],
.radar-panel [class*="spinner" i],
.radar-panel [class*="loader" i],
.radar-map [class*="spinner" i],
.radar-map [class*="loader" i],
[data-lucide="loader"],
[data-lucide="loader-2"],
.lucide-loader,
.lucide-loader-2 {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
  animation: none !important;
}

/* Radar-specific loading overlays/cards. */
[class*="radar" i][class*="loading" i][class*="overlay" i],
[class*="radar" i][class*="loading" i][class*="sprite" i],
[class*="radar" i][class*="loading" i][class*="indicator" i],
[class*="radar" i][class*="loader" i],
[data-radar-loading="true"],
[data-echowx-radar-loading="true"] {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
  animation: none !important;
}

/* De-animate any leftover loader graphics without hiding useful status text. */
[class*="loading" i] svg,
[class*="loader" i] svg,
[class*="spinner" i] svg {
  animation: none !important;
}

/* Keep real warnings/errors visible. */
[class*="error" i],
[class*="warning" i],
[role="alert"] {
  visibility: visible;
}