/* =========================================
   PRNT Checkout Steps — Modivo-like (CSS only)
   ========================================= */

.prnt-checkout-steps.horizontal{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap: 18px;
  width:100%;
}

/* krok = jedna "grupa" (kółko + tekst) */
.prnt-checkout-steps.horizontal .prnt-step{
  display:flex;
  align-items:center;
  flex: 0 0 auto;
  margin-right: 0;
}

.prnt-checkout-steps .prnt-step-content{
  display:flex;
  align-items:center;
  gap: 12px;
  white-space: nowrap;
}

/* kółka / numer */
.prnt-checkout-steps .prnt-step-number{
  width: 32px;
  height: 32px;
  line-height: 32px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius: 999px;
  font-weight: 600;
  font-size: 14px;

  background: #ececef;
  color: #7a7a82;
}

/* tekst kroku */
.prnt-checkout-steps .prnt-step-text{
  font-family: "Montserrat", Sans-serif;
  font-size: 18px;
  font-weight: 500;
  color: #1b1b1f;
  letter-spacing: -0.01em;
  margin-left: 10px;
}

/* stany */
.prnt-checkout-steps .prnt-step.active .prnt-step-number{
  background:#141418;
  color:#fff;
}

.prnt-checkout-steps .prnt-step.completed .prnt-step-number{
  background:#79b91a;
  color:#fff;
}

.prnt-checkout-steps .prnt-step.completed .prnt-step-text{
  color:#79b91a;
  font-weight: 500;
}

.prnt-checkout-steps .prnt-step:not(.active):not(.completed) .prnt-step-text{
  color:#b4b4bb;
  font-weight: 500;
}

/* ====== "kreski" pomiędzy krokami ====== */
.prnt-checkout-steps.horizontal .prnt-step-arrow{
  font-size: 0 !important;
  line-height: 0 !important;

  width: 48px;
  height: 2px;
  background: #e2e2e6;
  border-radius: 999px;

  flex: 0 0 auto;
  display:block;
  opacity: 1;
}

/* kreska po ukończonym kroku */
.prnt-checkout-steps.horizontal .prnt-step.completed + .prnt-step-arrow{
  background: rgba(121,185,26,.35);
}

/* =========================
   Elementor overrides (page 1188)
   ========================= */
.elementor-1188 .prnt-checkout-steps .prnt-step-text {
  font-family: "Montserrat", Sans-serif;
  margin-left: 10px;
}

.elementor-1188 .prnt-checkout-steps.horizontal .prnt-step:not(:last-child) {
  margin-right: 0;
}

/* =========================
   Mobile — same kółka
   ========================= */
@media (max-width: 767px){
  .prnt-checkout-steps.horizontal{
    justify-content:center;
    gap: 10px;
  }

  .prnt-checkout-steps .prnt-step-text{
    display:none;
  }

  .prnt-checkout-steps .prnt-step-number{
    width: 28px;
    height: 28px;
    line-height: 28px;
    font-size: 13px;
  }

  .prnt-checkout-steps.horizontal .prnt-step-arrow{
    width: 24px;
    height: 2px;
  }
}