/* ════════════════════════════════════════════════════════════════
   VENDOVRA CUSTOM LIQUID BLOB CURSOR STYLES
   ════════════════════════════════════════════════════════════════ */

/* Hide system cursor on desktop when custom cursor is active */
body.custom-cursor-active,
body.custom-cursor-active * {
  cursor: none !important;
}

/* Fullscreen non-blocking viewport container */
.custom-cursor-container {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  width: 100vw !important;
  height: 100vh !important;
  pointer-events: none !important;
  z-index: 9999999 !important;
  overflow: hidden !important;
}

/* Hidden SVG filter container */
.custom-cursor-svg {
  position: absolute !important;
  width: 0 !important;
  height: 0 !important;
  pointer-events: none !important;
  visibility: hidden !important;
  overflow: hidden !important;
}

/* Gooey filter wrapper */
.custom-cursor-goo-wrapper {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  pointer-events: none !important;
}

/* Common blob element styles */
.cursor-blob {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  background-color: #e32f03 !important;
  border-radius: 50% !important;
  pointer-events: none !important;
  will-change: transform, width, height !important;
}

/* Main primary liquid cursor blob */
.cursor-blob-main {
  width: 22px;
  height: 22px;
  opacity: 1;
}

/* Secondary trailing lag blob */
.cursor-blob-lag {
  width: 16px;
  height: 16px;
  opacity: 0.55;
}