/* 0) Se till att sidan kan stapla lager normalt */
.elementor[data-elementor-id="12"]{ position:relative; z-index:0; }

/* 1) Hero-containern (din med overlay) */
.elementor-element.elementor-element-94ca92c{ position:relative; z-index:0; }

/* 2) Overlayn: håll den UNDER spotlighten */
.elementor-element.elementor-element-94ca92c > .elementor-background-overlay{
  position:absolute; inset:0;
  z-index:10 !important;        /* lägre än spotlighten */
  pointer-events:none;
  /* Viktigt: använd bakgrund med alfa, INTE opacity på elementet */
  /* Om du tidigare satt "opacity" i Elementor, ta bort den och använd RGBA/HEX8 istället. */
}

/* 3) Spotlight: över overlayn, utan blend-mode (syns alltid) */
.elementor-element.elementor-element-94ca92c::after{
  content:"";
  position: fixed;
  left: 0;
  right: 0;
  bottom: -10vh;               /* raise/lower the cone edge */
  height: 78vh;                /* a touch taller */
  pointer-events: none;
  z-index: 20;

  /* Stronger glow using 2 stacked gradients + tighter blur */
  background:
    radial-gradient(55% 65% at 50% 100%,
      rgba(255,255,255,0.40) 0%,
      rgba(255,255,255,0.22) 28%,
      rgba(255,255,255,0.08) 55%,
      rgba(255,255,255,0.00) 78%),
    radial-gradient(25% 30% at 50% 100%,
      rgba(255,255,255,0.90) 0%,
      rgba(255,255,255,0.00) 70%);
  filter: blur(28px);          /* less blur = more punch */
}

/* 4) Innehållet över båda */
.elementor-element.elementor-element-94ca92c > .e-con-inner,
.elementor-element.elementor-element-94ca92c > .elementor-container,
.elementor-element.elementor-element-94ca92c > .elementor-widget-wrap,
.elementor-element.elementor-element-94ca92c > .elementor-element{
  position:relative; z-index:30;
}