/* wp-content/themes/Schlenker Spannwerkzeuge/css/lt-effects.css */

/* ==========================================================================
   LT Godrays
   ========================================================================== */

.lt-godrays {
  --lt-rays-x: 50%;
  --lt-rays-y: 5%;

  --lt-glow-x: 50%;
  --lt-glow-y: 5%;

  --lt-rays-opacity-min: 0.05;
  --lt-rays-opacity-max: 0.25;
  --lt-rays-blur: 18px;
  --lt-rays-scale: 1.1;
  --lt-rays-speed: 12s;

  --lt-glow-opacity-min: 0.55;
  --lt-glow-opacity-max: 1;
  --lt-glow-scale: 1.08;
  --lt-glow-speed: 8s;

  --lt-ray-color-strong: rgba(255, 255, 255, 0.42);
  --lt-ray-color-soft: rgba(255, 255, 255, 0.18);

  --lt-glow-color-strong: rgba(255, 255, 255, 0.55);
  --lt-glow-color-mid: rgba(220, 235, 255, 0.30);
  --lt-glow-color-soft: rgba(180, 210, 255, 0.12);

  position: relative;
  overflow: hidden;
  isolation: isolate;
}

.lt-godrays img {
  display: block;
  width: 100%;
  height: auto;
  position: relative;
  z-index: 1;
}

.lt-godrays::before {
  content: "";
  position: absolute;
  inset: -40%;
  z-index: 2;
  pointer-events: none;

  background: repeating-conic-gradient(
    from -12deg at var(--lt-rays-x) var(--lt-rays-y),
    var(--lt-ray-color-strong) 0deg,
    var(--lt-ray-color-soft) 7deg,
    transparent 15deg,
    transparent 24deg
  );

  mix-blend-mode: screen;
  filter: blur(var(--lt-rays-blur));
  opacity: var(--lt-rays-opacity-min);

  animation: lt-godrays-rays var(--lt-rays-speed) ease-in-out infinite alternate;
}

.lt-godrays::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 3;
  pointer-events: none;

  background: radial-gradient(
    ellipse at var(--lt-glow-x) var(--lt-glow-y),
    var(--lt-glow-color-strong) 0%,
    var(--lt-glow-color-mid) 20%,
    var(--lt-glow-color-soft) 35%,
    transparent 58%
  );

  mix-blend-mode: screen;
  opacity: var(--lt-glow-opacity-min);

  animation: lt-godrays-glow var(--lt-glow-speed) ease-in-out infinite alternate;
}

@keyframes lt-godrays-rays {
  from {
    transform: translate3d(-1%, -0.3%, 0) rotate(-2deg) scale(1);
    opacity: var(--lt-rays-opacity-min);
  }

  to {
    transform: translate3d(1%, 0.3%, 0) rotate(3deg) scale(var(--lt-rays-scale));
    opacity: var(--lt-rays-opacity-max);
  }
}

@keyframes lt-godrays-glow {
  from {
    opacity: var(--lt-glow-opacity-min);
    transform: scale(1);
  }

  to {
    opacity: var(--lt-glow-opacity-max);
    transform: scale(var(--lt-glow-scale));
  }
}

/* ==========================================================================
   LT Auto Title Bar Safety Reset
   ========================================================================== */

/*
 * La barra titolo viene disegnata dal CSS del preset Divi:
 *
 * selector .et_pb_heading_container::after
 *
 * Qui disattiviamo solo eventuali barre vecchie applicate direttamente
 * al modulo o create in precedenza come elemento reale dal JavaScript.
 */
.lt-auto-title-bar::before,
.lt-auto-title-bar::after {
  content: none !important;
  display: none !important;
}

.lt-auto-title-bar .lt-title-bar-line {
  display: none !important;
}

.et_pb_image_wrap{
  overflow: hidden!important;
}