/**
 * rd-footer-box — plattformweite Footer-Box am Seitenende.
 *
 * Drei Komponenten in fester Reihenfolge:
 *  1. Quellen-Block (rd-footer-box__quellen, optional)
 *  2. Korrektur-Trigger (rd-footer-box__korrektur)
 *  3. KI-Transparenz-Hinweis (rd-footer-box__ki-hinweis)
 *
 * Hand-written. Nicht in _schema/bem-components.css — bewusst separate
 * Datei, damit Footer-Box-Styles unabhängig vom rundum.css-Rebuild leben.
 *
 * Farben aus design-tokens.json:
 *   --rd-color-bg-warm:       #FAF2EC
 *   --rd-color-bg-page:       #FDF9F6
 *   --rd-color-border:        #e5ddd7
 *   --rd-color-brand:         #B56A34
 *   --rd-color-brand-dark:    #a86e42
 *   --rd-color-text:          #3a3a3a
 *   --rd-color-text-muted:    #6B6B6B
 *   --rd-color-text-subtle:   #9a8e87
 *
 * Fallbacks für den Fall, dass rd-footer-box.css ohne rundum.css geladen wird.
 */

.rd-footer-box {
    margin: 3rem 0 2rem;
    padding: 1.75rem 1.5rem;
    background: var(--rd-color-bg-warm, #FAF2EC);
    border: 1px solid var(--rd-color-border, #e5ddd7);
    border-radius: 12px;
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
}

/* === Quellen-Block === */

.rd-footer-box__quellen {
    /* Erbt rd-quellen-liste-Styles aus rundum.css; hier nur Footer-Position-Tweak */
    margin: 0;
}

.rd-footer-box__quellen .rd-quellen-liste__title {
    font-size: 1.125rem;
    font-weight: 600;
    color: var(--rd-color-text-dark, #2a2a2a);
    margin: 0 0 0.75rem;
}

.rd-footer-box__quellen .rd-quellen-liste__list {
    margin: 0;
    padding-left: 1.5rem;
    font-size: 0.9375rem;
    line-height: 1.6;
    color: var(--rd-color-text, #3a3a3a);
}

.rd-footer-box__quellen .rd-quellen-liste__item {
    margin: 0.25rem 0;
}

.rd-footer-box__quellen .rd-quellen-liste__item a {
    color: var(--rd-color-brand, #B56A34);
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: 2px;
}

.rd-footer-box__quellen .rd-quellen-liste__item a:hover {
    color: var(--rd-color-brand-dark, #a86e42);
}

.rd-footer-box__quellen .rd-quellen-liste__kontext {
    color: var(--rd-color-text-muted, #6B6B6B);
    font-size: 0.875rem;
}

/* === Korrektur-Trigger === */

.rd-footer-box__korrektur {
    background: var(--rd-color-bg-page, #FDF9F6);
    border: 1px solid var(--rd-color-border, #e5ddd7);
    border-radius: 8px;
    padding: 1rem 1.25rem;
    margin: 0;
}

.rd-footer-box__korrektur-title {
    font-size: 1rem;
    font-weight: 600;
    color: var(--rd-color-text-dark, #2a2a2a);
    margin: 0 0 0.5rem;
}

.rd-footer-box__korrektur-text {
    font-size: 0.9375rem;
    line-height: 1.55;
    color: var(--rd-color-text, #3a3a3a);
    margin: 0;
}

.rd-footer-box__korrektur-link {
    color: var(--rd-color-brand, #B56A34);
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: 2px;
    font-weight: 500;
}

.rd-footer-box__korrektur-link:hover {
    color: var(--rd-color-brand-dark, #a86e42);
}

/* === KI-Transparenz === */

.rd-footer-box__ki-hinweis {
    margin: 0;
    padding-top: 0.75rem;
    border-top: 1px dashed var(--rd-color-border, #e5ddd7);
}

.rd-footer-box__ki-text {
    font-size: 0.8125rem;
    line-height: 1.55;
    color: var(--rd-color-text-subtle, #9a8e87);
    margin: 0;
    font-style: italic;
}

.rd-footer-box__ki-icon {
    display: inline-block;
    margin-right: 0.25rem;
    font-style: normal;
    color: var(--rd-color-text-muted, #6B6B6B);
}

.rd-footer-box__ki-text strong {
    font-weight: 600;
    font-style: normal;
    color: var(--rd-color-text, #3a3a3a);
}

/* === Mobile-first Anpassungen === */

@media (max-width: 768px) {
    .rd-footer-box {
        margin: 2rem -1rem 1.5rem;
        padding: 1.25rem 1rem;
        border-radius: 8px;
        gap: 1rem;
    }
    .rd-footer-box__korrektur {
        padding: 0.875rem 1rem;
    }
}