/* Oprava barev stepper indikátorů */

/* Zajistit správné barvy pro dokončené kroky - zelená s fajfkou */
.step-indicator-wrapper.completed .step-indicator {
    background-color: #28a745 !important; /* Zelená */
    color: white !important;
    border-color: #28a745 !important;
    position: relative;
}

/* Skrýt číslo v dokončených krocích */
.step-indicator-wrapper.completed .step-indicator {
    color: transparent !important; /* Skrýt číslo */
}

/* Přidat fajfku do dokončených kroků */
.step-indicator-wrapper.completed .step-indicator::after {
    content: '✓';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 20px;
    font-weight: bold;
    color: white !important;
    line-height: 1;
}

/* Zajistit správné barvy pro aktivní krok - modrá */
.step-indicator-wrapper.active .step-indicator {
    background-color: #00466A !important;
    color: white !important;
    border-color: #00466A !important;
}

/* Zajistit správné barvy pro neaktivní kroky */
.step-indicator-wrapper:not(.active):not(.completed) .step-indicator {
    background-color: white !important;
    color: #999 !important;
    border: 2px solid #e0e0e0 !important;
}

/* Oprava progress baru */
.step-progress-bar {
    background-color: #00466A !important;
}

/* Zajistit že kroky mají správné třídy */
.checkout-main-content-step {
    display: none;
}

.checkout-main-content-step.active {
    display: block !important;
}

/* Debug - zobrazit aktuální stav kroků */
.debug-mode .step-indicator-wrapper::after {
    content: attr(class);
    position: absolute;
    bottom: -20px;
    font-size: 10px;
    white-space: nowrap;
}