/* =====================================================================
   Bespoke Glass Kit add-on: Wet Glass
   Rain drops, running water and condensation on the glass.
   Needs glass-wet.js. Loads after glass.css. Changes nothing until you
   put data-gl-wet on something (see docs/ADDONS.md).

     <html data-gl-wet>                         the page sky gets wet
     <div class="gl-scene" data-gl-wet="0.8">   a window scene
     <div class="gl gl-wet-pane" data-gl-wet>   one pane of glass

   The water is drawn BEHIND your content (the canvas sits under text,
   buttons and cards inside its host), so words are never blurred or
   covered by it.
   ===================================================================== */
.gl-wet {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  pointer-events: none;
  border-radius: inherit;
  /* a canvas never takes a tap, never gets read out, never paints a border */
  user-select: none;
  -webkit-user-select: none;
}
/* in the page sky it just fills the sky */
.gl-sky > .gl-wet { z-index: auto; border-radius: 0; }
/* water on a pane/scene needs the host to be its own stacking context so z-index -1 stays inside it */
.gl-wet-host { isolation: isolate; }

/* Flat tier or Reduce Transparency: the water goes away with the blur (nothing is left behind). */
html[data-gl-tier="flat"] .gl-wet { display: none; }
@media (prefers-reduced-transparency: reduce) { .gl-wet { display: none; } }
/* No WebGL: glass.js-less / old browsers get no canvas at all (glass-wet.js never adds one). */