/* ==========================================================================
   ARGUSA MAGNETIC PLAY BUTTON CURSOR FOLLOWER (SALIENT DEMO RECREATION)
   ========================================================================== */

/* --- VIDEO CURSOR AREA CONTAINER --- */
.arg-video,
#brxe-ko5uc1,
#brxe-29besr,
.arg-video-cursor-area {
  position: relative !important;
  cursor: pointer !important;
  overflow: hidden !important;
}

/* Make image lightbox container stretch over the video area for seamless clicking */
.arg-video-cursor-area .brxe-image,
.arg-video-cursor-area .brxe-image a {
  display: block;
  width: 100%;
  height: 100%;
}

/* Hide standard cursor inside video area on desktop — ONLY on frontend, not in Bricks Builder */
@media (min-width: 992px) {
  body:not(.brx-body) .arg-video,
  body:not(.brx-body) #brxe-ko5uc1,
  body:not(.brx-body) #brxe-29besr,
  body:not(.brx-body) .arg-video-cursor-area,
  body:not(.brx-body) .arg-video *,
  body:not(.brx-body) #brxe-ko5uc1 *,
  body:not(.brx-body) #brxe-29besr * {
    cursor: none !important;
  }
}

/* --- FLOATING PLAY CURSOR FOLLOWER BADGE --- */
.arg-play-cursor-follower {
  position: absolute;
  top: 0;
  left: 0;
  width: 90px;
  height: 90px;
  background: #d4ff32;
  border-radius: 50%;
  pointer-events: none;
  z-index: 99;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 10px 30px rgba(212, 255, 50, 0.45);
  transform: translate(-50%, -50%) scale(0);
  opacity: 0;
  will-change: transform, opacity;
  transition: background-color 0.3s ease, box-shadow 0.3s ease;
}

.arg-video:hover .arg-play-cursor-follower,
#brxe-ko5uc1:hover .arg-play-cursor-follower,
#brxe-29besr:hover .arg-play-cursor-follower,
.arg-video-cursor-area:hover .arg-play-cursor-follower {
  background: #d4ff32;
}

/* PLAY TRIANGLE ICON */
.arg-play-cursor-icon {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 12px 0 12px 20px;
  border-color: transparent transparent transparent #121316;
  margin-left: 5px; /* Visual center offset for play triangle */
  transition: border-color 0.3s ease;
}

@media (max-width: 991px) {
  .arg-play-cursor-follower {
    display: none !important;
  }
  .arg-video,
  #brxe-ko5uc1,
  #brxe-29besr,
  .arg-video-cursor-area,
  .arg-video * {
    cursor: pointer !important;
  }
}