/* =============================================================
   Bento page animations — loaded on page ID 672 only.
   ============================================================= */

/* ── Reduced motion overrides ────────────────────────────────── */

html.animations-paused .visual-pbl,
html.animations-paused .visual-user,
body.animations-paused .visual-pbl,
body.animations-paused .visual-user {
  opacity: 0 !important;
  transition: none !important;
  animation: none !important;
}

html.animations-paused .bento-dot-pulse,
body.animations-paused .bento-dot-pulse {
  animation: none !important;
}

/* ── Visual Builder card ─────────────────────────────────────── */

/* Cursors start hidden — JS drives opacity + transform */
.showcase-card--visual .visual-pbl,
.showcase-card--visual .visual-user {
  opacity: 0;
}

/* Hover: hide real cursor, JS positions .visual-user freely */
.showcase-card--visual.visual-tracking {
  cursor: none !important;
}

.showcase-card--visual.visual-tracking .visual-user {
  transition: none !important;
}

/* ── Conditional Logic card ──────────────────────────────────── */

.bento-cond-img {
  transition: opacity 0.5s ease;
}

/* ── Global Classes — sync-dot pulse ────────────────────────── */

@keyframes bentoDotPulse {
  0%   { transform: scale(1);   opacity: 1;   }
  40%  { transform: scale(1.6); opacity: 0.5; }
  100% { transform: scale(1);   opacity: 1;   }
}

.bento-dot-pulse {
  animation: bentoDotPulse 0.55s ease forwards;
}

/* ── Components — sync-ring flash ───────────────────────────── */

@keyframes compSyncRing {
  0%   { box-shadow: 0 0 0 0px rgba(99, 102, 241, 0.5);  }
  50%  { box-shadow: 0 0 0 5px rgba(99, 102, 241, 0.15); }
  100% { box-shadow: 0 0 0 0px rgba(99, 102, 241, 0);    }
}

.bento-comp--synced {
  animation: compSyncRing 0.55s ease forwards;
}

/* ── Components — edit badge pulse ──────────────────────────── */

@keyframes compEditPulse {
  0%   { opacity: 1;   transform: scale(1);    }
  40%  { opacity: 0.6; transform: scale(0.94); }
  100% { opacity: 1;   transform: scale(1);    }
}

.comp-edit--active {
  animation: compEditPulse 0.5s ease forwards;
}