/* =========================================
   ADHS-Zentrum Rosenheim – Modul-CSS
   Überschreibt PT-UI-Tokens für das ADHS-Modul.
   Wird nach pt-ui-CSS geladen (pt_base.html block app_css).
   ========================================= */

:root {
    --adhs-primary:      #049B99;
    --adhs-primary-dark: #037a78;
    --adhs-primary-light:#e6f7f7;
    --adhs-accent:       #F78DA7;
    --adhs-text:         #4B4F58;
}

/* Überschreibe Bootstrap-Primärfarbe für ADHS-Modul */
body {
    --bs-primary:       var(--adhs-primary);
    --bs-primary-rgb:   4, 155, 153;
    --bs-link-color:    var(--adhs-primary);
    --bs-link-hover-color: var(--adhs-primary-dark);
}

/* Buttons */
.btn-primary {
    background-color: var(--adhs-primary) !important;
    border-color:     var(--adhs-primary) !important;
    color: #fff !important;
}
.btn-primary:hover,
.btn-primary:focus {
    background-color: var(--adhs-primary-dark) !important;
    border-color:     var(--adhs-primary-dark) !important;
}
.btn-outline-primary {
    color:        var(--adhs-primary) !important;
    border-color: var(--adhs-primary) !important;
}
.btn-outline-primary:hover {
    background-color: var(--adhs-primary) !important;
    color: #fff !important;
}

/* Badges */
.badge.bg-primary {
    background-color: var(--adhs-primary) !important;
}

/* Links */
a {
    color: var(--adhs-primary);
}
a:hover {
    color: var(--adhs-primary-dark);
}

/* Stepper */
.pt-stepper {
    background-color: var(--adhs-primary-light);
    border-bottom: 1px solid rgba(4, 155, 153, 0.2);
}

/* Icon-Farbe für Startseite */
.adhs-icon-primary {
    color: var(--adhs-primary);
}

/* Navbar Brand Override */
.pt-navbar .navbar-brand {
    color: var(--adhs-text) !important;
}

/* Check/Radio Akzent */
.form-check-input:checked {
    background-color: var(--adhs-primary);
    border-color:     var(--adhs-primary);
}

/* ==================================================
   Diagnose-Form – Schritt 2
   ================================================== */

/* ---- Wizard-Stepper ---- */
.adhs-wizard-stepper {
    display: flex;
    align-items: center;
    gap: 0;
}
.adhs-wstep {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-shrink: 0;
}
.adhs-wstep-circle {
    width: 2.25rem;
    height: 2.25rem;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 0.875rem;
    background: #e9ecef;
    color: #6c757d;
    flex-shrink: 0;
}
.adhs-wstep.done .adhs-wstep-circle {
    background: var(--adhs-primary-light);
    color: var(--adhs-primary);
}
.adhs-wstep.active .adhs-wstep-circle {
    background: var(--adhs-primary);
    color: #fff;
    box-shadow: 0 0 0 4px rgba(4, 155, 153, 0.2);
}
.adhs-wstep-label {
    font-size: 0.875rem;
    color: #6c757d;
}
.adhs-wstep.done .adhs-wstep-label { color: var(--adhs-primary); }
.adhs-wstep.active .adhs-wstep-label { color: var(--adhs-text); font-weight: 600; }
.adhs-wstep-line {
    flex: 1;
    height: 2px;
    margin: 0 0.75rem;
    background: linear-gradient(to right, rgba(4,155,153,0.4), #e9ecef);
    border-radius: 1px;
}

/* ---- Section Cards ---- */
.adhs-card {
    border: 1px solid rgba(4, 155, 153, 0.2);
    border-radius: 0.875rem;
    overflow: hidden;
    background: #fff;
    box-shadow: 0 1px 4px rgba(0,0,0,0.04);
}
.adhs-card-header {
    background: linear-gradient(135deg, var(--adhs-primary-light) 0%, #f0fafa 100%);
    border-bottom: 1px solid rgba(4, 155, 153, 0.15);
    padding: 0.875rem 1.25rem;
    font-weight: 600;
    font-size: 0.9rem;
    color: var(--adhs-primary-dark);
    display: flex;
    align-items: center;
    gap: 0.5rem;
}
.adhs-card-header i { opacity: 0.85; }
.adhs-card-body { padding: 1.25rem; }

/* ---- Form Labels ---- */
.adhs-label {
    display: block;
    font-weight: 600;
    font-size: 0.9rem;
    color: var(--adhs-text);
    margin-bottom: 0.4rem;
}

/* ---- Choice Items (Radio / Checkbox als Cards) ---- */
.adhs-choice-item {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
    padding: 0.65rem 0.9rem;
    border: 1.5px solid #dee2e6;
    border-radius: 0.5rem;
    cursor: pointer;
    transition: border-color 0.15s ease, background-color 0.15s ease;
    background: #fff;
    margin: 0;
}
.adhs-choice-item:hover {
    border-color: rgba(4, 155, 153, 0.5);
    background: #fafefe;
}
.adhs-choice-item.is-selected,
.adhs-choice-item:has(input:checked) {
    border-color: var(--adhs-primary);
    background: var(--adhs-primary-light);
}
.adhs-choice-input {
    display: flex;
    align-items: center;
    padding-top: 0.15rem;
    flex-shrink: 0;
}
.adhs-choice-text {
    font-size: 0.925rem;
    line-height: 1.4;
    color: var(--adhs-text);
}
.adhs-choice-inline {
    flex: 0 1 auto;
    padding: 0.5rem 0.9rem;
}

/* ---- Textarea & Text-Input Fokus (ADHS-Farbe) ---- */
#adhs-diagnose-form .form-control:focus {
    border-color: var(--adhs-primary);
    box-shadow: 0 0 0 0.2rem rgba(4, 155, 153, 0.2);
}

/* ---- Inset-Field (bedingtes Praxis-Feld) ---- */
.adhs-inset-field {
    margin-top: 0.5rem;
    padding: 0.875rem 1rem;
    background: #f8fffe;
    border-left: 3px solid var(--adhs-primary);
    border-radius: 0 0.5rem 0.5rem 0;
}

/* ---- Required Badge ---- */
.adhs-required-badge {
    margin-left: auto;
    font-size: 0.7rem;
    font-weight: 500;
    padding: 0.2rem 0.6rem;
    border-radius: 999px;
    background: rgba(4, 155, 153, 0.12);
    color: var(--adhs-primary-dark);
}

/* ---- Field Error ---- */
.adhs-field-error {
    color: #dc3545;
    font-size: 0.85rem;
    margin-top: 0.25rem;
}

/* ---- Info-Hinweis (z.B. Therapie-Warnung) ---- */
.adhs-info-note {
    display: flex;
    align-items: flex-start;
    gap: 0.6rem;
    padding: 0.75rem 1rem;
    background: #fffbeb;
    border: 1px solid #fde68a;
    border-left: 3px solid #f59f00;
    border-radius: 0 0.5rem 0.5rem 0.5rem;
    font-size: 0.875rem;
    line-height: 1.5;
    color: #4a3500;
}
.adhs-info-note > i {
    color: #f59f00;
    font-size: 1rem;
    flex-shrink: 0;
    margin-top: 0.1rem;
}