/* BS Presence Extended – Elementor widget styles (stor, tydelig glød via box-shadow) */

.bspx-online-widget {
  display: inline-flex;
  align-items: center;
  gap: 10px;
}

.bspx-online-widget .bspx-lamp {
  display: inline-block;       /* width/height på <span> */
  position: relative;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  /* Lampens farve = currentColor (sættes fra JS) */
  background: currentColor;

  /* Grundglød + aura */
  box-shadow:
    0 0 10px currentColor,
    0 0 28px currentColor;

  /* Kraftig, tydelig puls */
  animation: bspx-glow 2.8s ease-in-out infinite;
  will-change: transform, box-shadow;
}

/* Tekst ved siden af lampen */
.bspx-online-widget .bspx-text {
  line-height: 1.2;
}

/* Puls-animation */
@keyframes bspx-glow {
  0% {
    transform: scale(1);
    box-shadow:
      0 0 10px currentColor,
      0 0 28px currentColor;
  }
  50% {
    transform: scale(1.5);
    box-shadow:
      0 0 40px currentColor,
      0 0 64px currentColor;
  }
  100% {
    transform: scale(1);
    box-shadow:
      0 0 10px currentColor,
      0 0 28px currentColor;
  }
}

/* Mindre bevægelse for brugere der ønsker det */
@media (prefers-reduced-motion: reduce) {
  .bspx-online-widget .bspx-lamp {
    animation: none;
  }
}