/* Global fixed background video */
.global-video {
  position: fixed;
  inset: 0;
  z-index: 0;
  overflow: hidden;
  pointer-events: none !important;
  background:
    radial-gradient(1200px 700px at 70% 20%, rgba(255, 255, 255, 0.08), transparent 60%),
    linear-gradient(180deg, rgba(0, 0, 0, 0.55), rgba(0, 0, 0, 0.72));
}

.global-video iframe,
.global-video video {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 120vw;
  height: 120vh;
  transform: translate(-50%, -50%);
  border: 0;
  opacity: 0.88;
  pointer-events: none !important;
}

.global-video::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.55), rgba(0, 0, 0, 0.55));
  pointer-events: none !important;
}

html, body {
  background: transparent !important;
}

body > *:not(.global-video) {
  position: relative;
  z-index: 1;
}

#page, .site, .site-content, .elementor {
  background: transparent !important;
}

/* Keep menu always clickable above visual layers */
header.elementor-location-header,
.elementor-location-header,
.elementor-nav-menu__container,
.elementor-menu-toggle {
  position: relative !important;
  z-index: 9999 !important;
  pointer-events: auto !important;
}

/* Make hero section transparent to reveal global video */
.elementor-11 .elementor-element.elementor-element-f9a81bd,
.elementor-11 .elementor-element.elementor-element-f9a81bd:not(.elementor-motion-effects-element-type-background),
.elementor-11 .elementor-element.elementor-element-f9a81bd > .elementor-motion-effects-container > .elementor-motion-effects-layer {
  background-color: transparent !important;
}

.elementor-11 .elementor-element.elementor-element-f9a81bd::before,
.elementor-11 .elementor-element.elementor-element-f9a81bd > .elementor-background-video-container::before,
.elementor-11 .elementor-element.elementor-element-f9a81bd > .e-con-inner > .elementor-background-video-container::before,
.elementor-11 .elementor-element.elementor-element-f9a81bd > .elementor-background-slideshow::before,
.elementor-11 .elementor-element.elementor-element-f9a81bd > .e-con-inner > .elementor-background-slideshow::before,
.elementor-11 .elementor-element.elementor-element-f9a81bd > .elementor-motion-effects-container > .elementor-motion-effects-layer::before {
  background-color: transparent !important;
  opacity: 0 !important;
}