/**
 * ACCORDION RESET-SYSTEM - CSS FÜR ABSTURZSTANGEN
 * Angepasst an dein bestehendes Design mit Orange-Akzenten
 */

/* ===== AKTIVER SCHRITT (aktuell in Bearbeitung) - keine Farbmarkierung ===== */

/* ===== ERLEDIGTER SCHRITT (ausgefüllt) - keine Farbmarkierung ===== */

/* ===== GESPERRTER SCHRITT (noch nicht verfügbar) ===== */
.accordion-button.accordion-disabled {
    background-color: #e9ecef !important;
    color: #6c757d !important;
    cursor: not-allowed !important;
    opacity: 0.5 !important;
    border-left: 5px solid #ced4da !important;
    pointer-events: none !important;
}

.accordion-button.accordion-disabled::after {
    opacity: 0.3 !important;
}

/* Schlosssymbol für gesperrte Schritte */
.accordion-button.accordion-disabled .btn-group::before {
    content: "🔒 ";
    font-size: 0.9em;
    margin-right: 5px;
}

/* ===== ÜBERGÄNGE ===== */
.accordion-button {
    transition: all 0.3s ease-in-out !important;
}

/* ===== CHECK-ICONS ===== */
.accordion-button img[id$="_check"] {
    transition: transform 0.3s ease;
}

/* ===== RESPONSIVE ===== */
@media (max-width: 768px) {
    .accordion-button {
        font-size: 0.9em;
        padding: 10px 12px;
    }
    
    .accordion-button img[id$="_check"] {
        height: 25px !important;
    }
}

/* Fortschrittsbalken entfernt */

/* ===== KOMPATIBILITÄT MIT BESTEHENDEM DESIGN ===== */

/* Deine acc_btn_schmal-Klasse beibehalten */
.accordion-button.acc_btn_schmal {
    height: auto;
    min-height: 22px;
    margin-top: auto;
    margin-bottom: auto;
}

/* Sicherstellen dass disabled auch mit deinem Style funktioniert */
.accordion-button:disabled,
.accordion-button.accordion-disabled {
    opacity: 0.5 !important;
    pointer-events: none !important;
}

/* Info-Button sollte immer klickbar sein */
.info_btn {
    pointer-events: auto !important;
    cursor: pointer !important;
}