/* THE SARISARA LOADING ANIMATION (Chiran, 5 Nov 2026 — confirmed with Chathu).
   A blended light (white-cyan head, blue, violet tail) runs round the coast of Sri Lanka and draws the island as it
   goes, while our butterfly flaps in place, seen from above. One picture, assets/img/brand/sarisara-loader.svg
   (design canvas claude.ai/artifact/MATJXbpPyiokwHSbVGoVK9). It replaces the Traveler theme's loaders everywhere they
   show — the three coloured bars (.st-loader) and the rings (.lds-ripple) — in lists, maps, windows and the basket.
   The theme's own boxes, timing and show/hide stay as they are; only what is drawn inside changes. */
html body .st-loader,
html body .loader-wrapper .lds-ripple {
  width: 112px !important; height: 186px !important;   /* 2x the first size (Chiran, 5 Nov 2026: "two times bigger") */
  margin: 0 !important; padding: 0 !important;
  background: url(../img/brand/sarisara-loader.svg) center / contain no-repeat !important;
  border: 0 !important; border-radius: 0 !important; box-shadow: none !important;
  animation: none !important;
}
html body .st-loader::before,
html body .st-loader::after,
html body .loader-wrapper .lds-ripple > div { display: none !important; }

/* The see-through white behind it, much whiter (Chiran, 5 Nov 2026: "the background shows through the loading —
   increase the white so it clearly shows the loading, then it goes away"). The theme had 70% (.loader-wrapper)
   and 60% (.map-content-loading, the search results and lists). */
html body .loader-wrapper,
html body .map-content-loading { background-color: rgba(255, 255, 255, .94) !important; }