/* =============================================================
   IDATA Elementor Widgets – LIFECYCLE
   Phụ thuộc: idata-core
============================================================= */

/* =========================================================
   3. LIFECYCLE (SECTION TỐI)
========================================================= */
.idata-lifecycle__orb {
  position: absolute;
  width: 520px;
  height: 520px;
  right: -160px;
  top: -180px;
  border-radius: 50%;
  background: rgba(63, 187, 242, 0.22);
  filter: blur(120px);
  pointer-events: none;
}
.idata-lifecycle__inner {
  position: relative;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--idata-space-9);
  align-items: center;
}
.idata-lifecycle__desc {
  margin-top: var(--idata-space-5);
  font-size: var(--idata-fs-lead);
  color: var(--idata-on-dark-muted);
}
.idata-lifecycle__benefits {
  display: grid;
  gap: 10px;
  margin-block: var(--idata-space-6);
}
.idata-lifecycle__benefits li {
  position: relative;
  padding-left: 26px;
  font-size: var(--idata-fs-sm);
  color: var(--idata-on-dark-muted);
}
.idata-lifecycle__benefits li::before,
.idata-lifecycle__benefits li::after {
  content: "";
  position: absolute;
  background: var(--idata-accent);
  border-radius: 2px;
}
.idata-lifecycle__benefits li::before { left: 4px; top: 12px; width: 6px; height: 2px; transform: rotate(45deg); }
.idata-lifecycle__benefits li::after { left: 7px; top: 10px; width: 11px; height: 2px; transform: rotate(-50deg); }

.idata-lifecycle__flow { display: grid; gap: 10px; }
.idata-lifecycle__node {
  position: relative;
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 14px 18px;
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: var(--idata-radius-md);
  transition: background-color var(--idata-transition-fast), transform var(--idata-transition-fast);
}
.idata-lifecycle__node:hover { background: rgba(255, 255, 255, 0.11); transform: translateX(5px); }
/* Đường nối dọc giữa các bước */
.idata-lifecycle__node::after {
  content: "";
  position: absolute;
  left: 37px;
  bottom: -11px;
  width: 2px;
  height: 10px;
  background: rgba(255, 255, 255, 0.18);
}
.idata-lifecycle__node--last::after { display: none; }

.idata-lifecycle__node-icon {
  width: 38px;
  height: 38px;
  border-radius: var(--idata-radius-sm);
  background: rgba(63, 187, 242, 0.18);
  color: var(--idata-cyan);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.idata-lifecycle__node--last .idata-lifecycle__node-icon {
  background: rgba(247, 148, 29, 0.18);
  color: var(--idata-gold);
}
.idata-lifecycle__node-text {
  display: flex;
  flex-direction: column;
  font-size: var(--idata-fs-xs);
  color: var(--idata-on-dark-muted);
}
.idata-lifecycle__node-text strong {
  font-size: var(--idata-fs-sm);
  font-weight: var(--idata-font-weight-semibold);
  color: #fff;
}


/* ============ RESPONSIVE ============ */

@media (max-width: 1024px) {
  .idata-lifecycle__inner { grid-template-columns: 1fr; gap: var(--idata-space-8); }
}

/* ============ MODIFIER ============ */
.idata-lifecycle__node--accent .idata-lifecycle__node-icon {
  background: rgba(247, 148, 29, 0.18);
  color: var(--idata-gold);
}