/* Scoped styles for NXL Steps Elementor Widget (conflict-safe) */

.nxl-steps-ew{
  --nxl-steps-cols: 3;
  --nxl-steps-gap: 24px;
  --nxl-steps-divider-width: 32px;
  --nxl-steps-divider-thickness: 1px;
  --nxl-steps-divider-top: 40px;
  --nxl-steps-divider-right: -16px;
  --nxl-steps-divider-color: rgba(200,120,60,1);
  --nxl-steps-divider-opacity: 0.4;
}

.nxl-steps-ew__inner{
  width: 100%;
  max-width: 900px;
  margin-left: auto;
  margin-right: auto;
}

.nxl-steps-ew__grid{
  display: grid;
  grid-template-columns: repeat(var(--nxl-steps-cols), minmax(0, 1fr));
  gap: var(--nxl-steps-gap);
  align-items: start;
}

.nxl-steps-ew__item{
  position: relative;
  text-align: center;
}

.nxl-steps-ew__num{
  font-size: 72px;
  font-weight: 700;
  line-height: 1;
  margin: 0 0 16px 0;
  color: rgba(200,120,60,0.18);
}

.nxl-steps-ew__title{
  font-size: 24px;
  font-weight: 700;
  margin: 0 0 12px 0;
  color: #ffffff;
}

.nxl-steps-ew__desc{
  font-size: 18px;
  margin: 0;
  color: rgba(255,255,255,0.65);
}

.nxl-steps-ew__divider{
  position: absolute;
  top: var(--nxl-steps-divider-top);
  right: var(--nxl-steps-divider-right);
  width: var(--nxl-steps-divider-width);
  height: var(--nxl-steps-divider-thickness);
  background: linear-gradient(to right, var(--nxl-steps-divider-color), rgba(0,0,0,0));
  opacity: var(--nxl-steps-divider-opacity);
  pointer-events: none;
}

/* Default responsive behavior (can be overridden by Elementor responsive controls) */
@media (max-width: 1024px){
  .nxl-steps-ew{ --nxl-steps-cols: 3; }
}
@media (max-width: 900px){
  .nxl-steps-ew{ --nxl-steps-cols: 2; }
}
@media (max-width: 767px){
  .nxl-steps-ew{ --nxl-steps-cols: 1; }
}

/* Divider desktop-only option */
@media (max-width: 767px){
  .nxl-steps-ew--divider-desktop-only .nxl-steps-ew__divider{
    display: none;
  }
}