/* ════════════════════════════════════════════════════════════
   MELDO LEKTIONSZEIT

   Eine Zeile zuoberst in der Lektion. Bewusst zurückhaltend: Sie ist eine
   Angabe, kein Aufruf zum Handeln — und steht vor dem eigentlichen Inhalt,
   darf ihn also nicht überstrahlen.

   Durchgehend !important, weil BuddyBoss Farben, Abstände und Schriftgrössen
   im Lektionsinhalt selbst setzt.
   ════════════════════════════════════════════════════════════ */

.meldo-lt {
    display: flex !important;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
    background: #F4F8F7 !important;
    border: 1.5px solid #E1EBE9 !important;
    border-radius: 14px !important;
    padding: 12px 16px !important;
    margin: 0 0 22px !important;
    font-family: "Akko", inherit;
    line-height: 1.4 !important;
}

.meldo-lt-icon {
    flex: 0 0 32px;
    height: 32px;
    border-radius: 10px;
    background: #3D7C85;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
}

.meldo-lt-text {
    display: flex;
    align-items: baseline;
    gap: 8px;
    flex-wrap: wrap;
}

.meldo-lt-label {
    font-size: 13px !important;
    color: #6B7B79 !important;
    letter-spacing: .02em;
}

.meldo-lt-span {
    font-family: "Akko", "Akko", sans-serif;
    font-weight: 700 !important;
    font-size: 17px !important;
    color: #22312F !important;
    white-space: nowrap;
}

/* Der Zusatz rückt nach rechts, solange Platz ist — auf schmalen Geräten
   fällt er in die nächste Zeile, statt die Zeitangabe zu quetschen. */
.meldo-lt-note {
    margin-left: auto;
    font-size: 12.5px !important;
    color: #6B7B79 !important;
    font-style: italic;
}

@media (max-width: 520px) {
    .meldo-lt { padding: 11px 13px !important; gap: 9px; }
    .meldo-lt-icon { flex: 0 0 28px; height: 28px; }
    .meldo-lt-span { font-size: 16px !important; }
    .meldo-lt-note { margin-left: 0; flex-basis: 100%; }
}

/* ── Aufklappbare Aufschlüsselung (1.1.0) ─────────────────────
   Als <details>-Element: kein JavaScript nötig, Tastatur und
   Screenreader funktionieren von Haus aus.
   ──────────────────────────────────────────────────────────── */

.meldo-lt-x { display: block !important; padding: 0 !important; }
.meldo-lt-det { margin: 0 !important; }

.meldo-lt-head {
    display: flex !important;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
    padding: 12px 16px !important;
    cursor: pointer;
    list-style: none;
}
.meldo-lt-head::-webkit-details-marker { display: none; }
.meldo-lt-det[open] .meldo-lt-head { border-bottom: 1px solid #E1EBE9; }
.meldo-lt-det:not([open]) .meldo-lt-head:hover { background: #F3F5F5; border-radius: 12px; }

.meldo-lt-plus {
    font-size: 13px !important;
    color: #6B7B79 !important;
}
.meldo-lt-plus b {
    font-family: "Akko", "Akko", sans-serif;
    font-weight: 700 !important;
    color: #3C4E4B !important;
    white-space: nowrap;
}

.meldo-lt-chev {
    margin-left: auto;
    color: #6B7B79;
    display: flex;
    transition: transform .2s;
}
.meldo-lt-det[open] .meldo-lt-chev { transform: rotate(180deg); }
/* Steht ein Zusatz da, nimmt der schon den Platz rechts — dann rückt der
   Pfeil nicht zusätzlich ab. */
.meldo-lt-note + .meldo-lt-chev { margin-left: 0; }

.meldo-lt-body { padding: 4px 16px 14px !important; }

.meldo-lt-list {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
}
.meldo-lt-list li {
    display: flex !important;
    align-items: center;
    gap: 9px;
    padding: 7px 0 !important;
    margin: 0 !important;
    font-size: 14px !important;
    color: #3C4E4B !important;
    border-bottom: 1px solid #EAF0EF;
}
.meldo-lt-list li:last-child { border-bottom: none; }

.meldo-lt-pi {
    flex: 0 0 26px;
    height: 26px;
    border-radius: 8px;
    background: #F0F3F3;
    color: #3D7C85;
    display: flex;
    align-items: center;
    justify-content: center;
}
.meldo-lt-pl { flex: 1; min-width: 0; }
.meldo-lt-pt {
    font-family: "Akko", "Akko", sans-serif;
    font-weight: 700 !important;
    color: #22312F !important;
    white-space: nowrap;
}

.meldo-lt-sum {
    border-top: 1.5px solid #DADFE0 !important;
    border-bottom: none !important;
    margin-top: 3px !important;
    padding-top: 10px !important;
}
.meldo-lt-sum .meldo-lt-pl {
    font-family: "Akko", "Akko", sans-serif;
    font-weight: 700 !important;
    color: #22312F !important;
    padding-left: 35px;
}
.meldo-lt-sum .meldo-lt-pt { color: #3D7C85 !important; }

.meldo-lt-opt {
    margin-top: 14px;
    padding-top: 12px;
    border-top: 1px dashed #DADFE0;
}
.meldo-lt-opt-h {
    font-family: "Akko", "Akko", sans-serif;
    font-weight: 700;
    font-size: 12.5px;
    color: #6B7B79;
    letter-spacing: .04em;
    text-transform: uppercase;
    margin-bottom: 4px;
}
.meldo-lt-opt .meldo-lt-pi { background: #FCF8F1; color: #DD8032; }

@media (max-width: 520px) {
    .meldo-lt-head { padding: 11px 13px !important; }
    .meldo-lt-body { padding: 4px 13px 12px !important; }
    .meldo-lt-plus { flex-basis: 100%; }
    .meldo-lt-list li { font-size: 13.5px !important; }
    .meldo-lt-sum .meldo-lt-pl { padding-left: 0; }
}