/* Aktivní krok – text */
.progress-bar-cont .step-cont .txt {
  color: #003087 !important;
  opacity: 1 !important;
}

/* Aktivní krok – bublina s číslem */
.progress-bar-cont .cell-cont.active-step .no-cont,
.progress-bar-cont .cell-cont.passed-step .no-cont {
  background-color: #003087 !important;
  color: #ffffff !important;
}

/* Neaktivní/budoucí krok – bublina bez pozadí */
.progress-bar-cont .cell-cont:not(.active-step):not(.passed-step):not(.clickable-step) .no-cont {
  background-color: transparent !important;   /* zruší tmavé pozadí */
  color: #6e6e6e !important;                  /* nebo #6e6e6e, podle designu */
  border: 2px solid #6e6e6e !important;       /* nebo šedá, ale s dostatečným kontrastem [web:13][web:19] */
}

/* Text v krocích (základ) */
.progress-bar-cont .step-cont .txt {
  color: #003087 !important;
}

/* Budoucí kroky – číslo (šedá bublina) – varianta s plnou opacitou */
.progress-bar-cont .cell-cont:not(.active-step):not(.passed-step):not(.clickable-step) .no-cont {
  color: #6e6e6e !important;
  border: 2px solid #6e6e6e !important;
  opacity: 1 !important;
}

/* Budoucí kroky – číslo (šedá bublina) – varianta se světlým pozadím */
.progress-bar-cont .cell-cont:not(.active-step):not(.passed-step):not(.clickable-step) .no-cont {
  color: #6e6e6e !important;
  background-color: #f1f9fa;
  border: 2px solid #6e6e6e !important;
}

/* Budoucí kroky – celá buňka */
.progress-bar-cont .cell-cont:not(.active-step):not(.passed-step):not(.clickable-step) {
  opacity: 1 !important;
}

/* Budoucí kroky – text (pokud chceš šedý text) */
qbc-steps-bar .cell-cont:not(.active-step) .txt {
  color: #6e6e6e !important;
  opacity: 1 !important;
}