/* ============================================================
   Glasmorphism (Frosted Glass) fuer Avada-Spalten.

   Die Klasse .awb-glas sitzt auf .fusion-layout-column, der Effekt
   liegt auf dem Kind .fusion-column-wrapper. backdrop-filter verwischt
   das, was HINTER der (transparenten) Spalte liegt - i. d. R. das
   Hintergrundbild des umgebenden Containers.

   (Container werden bewusst nicht unterstuetzt: dort verdeckt der
   eigene Hintergrund das Ergebnis bzw. dahinter ist nichts zu blurren.)

   Steuer-Variablen (von glasmorphism.js aus den data-Attributen):
   --awb-glas-blur  (px)     Blur-Staerke
   --awb-glas-glow  (0..1)   Rahmen-Glanz-Intensitaet
   ============================================================ */

.awb-glas > .fusion-column-wrapper {
  position: relative !important;
  z-index: 1 !important;
  overflow: hidden !important;
  border: 1px solid transparent !important;

  /* Frosted Glass */
  -webkit-backdrop-filter: blur(var(--awb-glas-blur, 15px)) !important;
          backdrop-filter: blur(var(--awb-glas-blur, 15px)) !important;
}

/* Rahmen-Glanz: Gradient-Border via Pseudo-Element + Mask; folgt dank
   border-radius:inherit den abgerundeten Ecken. Intensitaet ueber
   --awb-glas-glow (0 = aus). */
.awb-glas > .fusion-column-wrapper::before {
  content: '' !important;
  position: absolute !important;
  inset: -1px !important;
  padding: 2px !important;
  border-radius: inherit !important;
  pointer-events: none !important;

  background: linear-gradient(
    160deg,
    rgba(255, 255, 255, calc(var(--awb-glas-glow, 0.5) * 0.52)) 0%,
    rgba(255, 255, 255, calc(var(--awb-glas-glow, 0.5) * 0.39)) 35%,
    rgba(255, 255, 255, calc(var(--awb-glas-glow, 0.5) * 0.13)) 50%,
    rgba(255, 255, 255, calc(var(--awb-glas-glow, 0.5) * 0.39)) 75%,
    rgba(255, 255, 255, calc(var(--awb-glas-glow, 0.5) * 0.90)) 100%
  ) !important;

  /* Nur der Rahmen-Ring bleibt sichtbar (Innenflaeche wird ausmaskiert). */
  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0) !important;
  -webkit-mask-composite: xor !important;
          mask-composite: exclude !important;
}

/* Fallback: Browser ohne backdrop-filter bekommen eine leicht getoente
   Flaeche, damit der Inhalt vor unruhigen Hintergruenden lesbar bleibt. */
@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
  .awb-glas > .fusion-column-wrapper {
    background-color: rgba(255, 255, 255, 0.08) !important;
  }
}

/* Barrierefreiheit: weniger Transparenz gewuenscht -> Blur aus. */
@media (prefers-reduced-transparency: reduce) {
  .awb-glas > .fusion-column-wrapper {
    -webkit-backdrop-filter: none !important;
            backdrop-filter: none !important;
    background-color: rgba(255, 255, 255, 0.08) !important;
  }
}