/**
 * Hero: React’ta video kullanılıyor.
 * #5cda40ff üst sarmalayıcı; overlay videonun üstünde metnin altında kalsın diye
 * #409b86f8 (video kutusu) üzerinde ::after ile uygulanır.
 * Elementor export’taki eski webp + mor gradient ::before overlay’i kapatır.
 * (post-34.css / App.css ile uyumlu)
 */

/* Koyu yeşil overlay: video (z:0) < bu katman (z:1) < içerik (z:2+) */
.elementor-34 .elementor-element.elementor-element-409b86f8::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  background: linear-gradient(145deg, rgb(8 69 20 / 62%) 0%, rgba(5, 32, 24, 0.25) 38%, rgba(3, 28, 14, 0.57) 68%, rgba(2, 22, 5, 0.2) 100%);
  box-shadow: inset 0 0 120px rgba(0, 0, 0, 0.35);
}
.elementor-34 .elementor-element.elementor-element-2de467d0 {
  --overlay-opacity: 0 !important;
}

.elementor-34 .elementor-element.elementor-element-2de467d0:not(.elementor-motion-effects-element-type-background),
.elementor-34 .elementor-element.elementor-element-2de467d0 > .elementor-motion-effects-container > .elementor-motion-effects-layer {
  background-image: none !important;
  background-color: transparent !important;
}

.elementor-34 .elementor-element.elementor-element-2de467d0::before,
.elementor-34 .elementor-element.elementor-element-2de467d0 > .elementor-background-video-container::before,
.elementor-34 .elementor-element.elementor-element-2de467d0 > .e-con-inner > .elementor-background-video-container::before,
.elementor-34 .elementor-element.elementor-element-2de467d0 > .elementor-background-slideshow::before,
.elementor-34 .elementor-element.elementor-element-2de467d0 > .e-con-inner > .elementor-background-slideshow::before,
.elementor-34 .elementor-element.elementor-element-2de467d0 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before {
  background-color: transparent !important;
  background-image: none !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

/* --- Footer: video arka plan + blur + koyu yeşil overlay (HomePage) --- */
#pix-page-footer.pix-footer-has-video {
  position: relative !important;
  isolation: isolate;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  --pix-dynamic-background: transparent;
}

/* Tema / Elementor footer katmanlarını şeffaf yap (video görünsün) */
#pix-page-footer.pix-footer-has-video .elementor-16,
#pix-page-footer.pix-footer-has-video .elementor-16 > .e-con,
#pix-page-footer.pix-footer-has-video .pix-footer-content > .elementor {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
}

#pix-page-footer.pix-footer-has-video .pix-footer-video-bg {
  position: absolute;
  top: 50%;
  left: 50%;
  
  width: 100%;
  height: 100%;
  
  transform: translate(-50%, -50%);
  object-fit: cover;

  z-index: 0;
  opacity: 0.55;
  filter: blur(10px);
  pointer-events: none;
}

#pix-page-footer.pix-footer-has-video {
  overflow: hidden;
}
#pix-page-footer.pix-footer-has-video .pix-footer-video-overlay {
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  /* Koyu yeşil + hafif siyah ton — videonun üstünde */
  background: linear-gradient(
    145deg,
    rgba(8, 42, 15, 0.88) 0%,
    rgba(5, 32, 24, 0.72) 35%,
    rgba(3, 28, 14, 0.78) 65%,
    rgba(2, 22, 5, 0.92) 100%
  );
  box-shadow: inset 0 0 140px rgba(0, 0, 0, 0.45);
}

#pix-page-footer.pix-footer-has-video .pix-footer-content {
  position: relative;
  z-index: 2;
}

/* Footer metin / linkler: koyu yeşil üzerinde okunabilir */
#pix-page-footer.pix-footer-has-video .text-body-default,
#pix-page-footer.pix-footer-has-video .pix-el-text p {
  color: rgba(255, 255, 255, 0.88) !important;
}

#pix-page-footer.pix-footer-has-video .btn-link.text-primary,
#pix-page-footer.pix-footer-has-video .pix-heading-el .text-primary {
  color: rgba(255, 255, 255, 0.95) !important;
}

#pix-page-footer.pix-footer-has-video a:not(.btn-primary-light) {
  color: rgba(255, 255, 255, 0.92) !important;
}

#pix-page-footer.pix-footer-has-video .pix-social-icons .pixfort-icon path,
#pix-page-footer.pix-footer-has-video .pix-social-icons svg {
  --pf-icon-color: rgba(255, 255, 255, 0.9);
}