.vtLabel {
    font-weight: bold;
}
.timeline-title {
    color: #ffffff !important;
}

/* --- PRZYCISKI: "DALEJ" i "DODAJ KOLEJNY BILET" --- */
.step1New-btnDalej,
.btnAddNextTicket {
    border-radius: 16px;
    color: #01509f !important;
    background-color: #ffffff !important;
    border: 2px solid #01509f !important;
    transition: all 0.3s ease-in-out; /* Płynna animacja zmiany kolorów */
    padding: 8px 20px; /* Utrzymanie proporcji przycisku */
}

/* Animacja (invert) po najechaniu kursorem */
.step1New-btnDalej:hover,
.btnAddNextTicket:hover {
    color: #ffffff !important;
    background-color: #01509f !important;
    border-color: #01509f !important;
}

/* --- POZOSTAŁE PRZYCISKI I ELEMENTY --- */
.btn-primary:hover, 
.btn.bg-gradient-primary:hover {
    background-color: #01509f;
    border-color: #01509f;
    color: #ffffff;
}

.btn-payIt:hover {
    background-color: #01509f !important;
}

/* Główny stan aktywny przycisków */
.btn-primary:not(:disabled):not(.disabled).active, 
.btn-primary:not(:disabled):not(.disabled):active, 
.btn.bg-gradient-primary:not(:disabled):not(.disabled).active, 
.btn.bg-gradient-primary:not(:disabled):not(.disabled):active, 
.show > .btn-primary.dropdown-toggle, 
.show > .btn.bg-gradient-primary.dropdown-toggle {
    color: #ffffff !important; 
    background-color: #01509f !important; 
}

.selectedSlot {
    border-color: #01509f !important;
}

/* --- RESPONSyWNOŚĆ --- */
@media (min-width: 768px) {
    #vtcontainer .bkn-vtDiv {
        flex: 0 0 50% !important;
        max-width: 50% !important;
    }
}