/* V47 — Water Sources background only.
   Removes the older abstract circles/waves and uses the established Water Cleanic
   deep-navy → clean-water-blue visual language. No global components are changed. */

#water-types.water-types {
  position: relative;
  overflow: hidden;
  isolation: isolate;
  background:
    linear-gradient(118deg,
      #032844 0%,
      #064c72 43%,
      #087eae 72%,
      #0aa5d2 100%) !important;
}

/* Replace the previous decorative background artwork completely. */
#water-types .water-types-bg,
#water-types .water-types-bg.water-only-bg {
  position: absolute !important;
  inset: 0 !important;
  z-index: 0 !important;
  opacity: 1 !important;
  background:
    linear-gradient(180deg,
      rgba(255,255,255,.035) 0%,
      rgba(255,255,255,0) 38%,
      rgba(1,32,55,.16) 100%) !important;
  background-image:
    linear-gradient(180deg,
      rgba(255,255,255,.035) 0%,
      rgba(255,255,255,0) 38%,
      rgba(1,32,55,.16) 100%) !important;
}

/* Explicitly remove legacy circles, waves and decorative pseudo-elements. */
#water-types .water-types-bg::before,
#water-types .water-types-bg::after,
#water-types .water-only-bg::before,
#water-types .water-only-bg::after {
  content: none !important;
  display: none !important;
  background: none !important;
}

/* Keep existing content/cards above the new background. */
#water-types > .wrap {
  position: relative;
  z-index: 2;
}

/* Very subtle water-light sheen, using brand tones rather than shapes. */
#water-types::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  background:
    linear-gradient(100deg,
      rgba(255,255,255,0) 0%,
      rgba(80,209,247,.07) 48%,
      rgba(255,255,255,.08) 72%,
      rgba(255,255,255,0) 100%);
}

@media (max-width: 760px) {
  #water-types.water-types {
    background:
      linear-gradient(150deg,
        #032844 0%,
        #075b82 58%,
        #0797c4 100%) !important;
  }
}