/*
 * Cheshire Addon: MsgBox — Styles
 * Nur fuer die vom Addon selbst erzeugten Elemente (Hinweisboxen im Beitrag,
 * Teil A; sitewide Ankuendigungs-Banner unter der Topbar, Teil B). Keine
 * Logik hier, siehe init.php. Klassen-Praefix "msgbox".
 * Box-Look (Rahmen/Schatten/Icon) uebernommen aus Peters Referenz-frontend.css
 * (Original-Addon msgbox_1.0.1.zip, 16.09.2026 nachgeliefert) -- Farben auf
 * die 4 bestehenden Cheshire-Status-Tokens gemappt, damit Dark Mode
 * automatisch ueber .cheshire-wrap.cheshire-dark funktioniert (cheshire.css).
 * WICHTIG: laut Referenz ist "warn" rot (Fehler-Optik) und "note" gelb/orange
 * (Hinweis-Optik) -- NICHT umgekehrt wie man vom Namen vermuten wuerde.
 * @see addons/MsgBox/init.php
 */
.msgbox {
    border-radius: 5px;
    padding: .7rem 1rem .7rem 2.4rem;
    margin: .8rem 0;
    font-size: .9rem;
    line-height: 1.5;
    position: relative;
    box-shadow: 3px 3px 6px 0 rgba(0, 0, 0, .12);
}
.msgbox p { margin: 0; }
.msgbox p + p { margin-top: .4rem; }

/* Icon links oben (FontAwesome, Bestandteil von WBCE, sitewide eingebunden). */
.msgbox::before {
    font-family: "FontAwesome";
    font-size: 1.25rem;
    position: absolute;
    left: .65rem;
    top: .6rem;
}
.msgbox-info::before { content: "\f05a"; color: var(--cheshire-info-text, #3465a4); }
.msgbox-tipp::before { content: "\f058"; color: var(--cheshire-success-text, #14892c); }
.msgbox-warn::before { content: "\f057"; color: var(--cheshire-danger-text, #cc0000); }
.msgbox-note::before { content: "\f06a"; color: var(--cheshire-warning-text, #f57900); }

.msgbox-info {
    background: var(--cheshire-info-bg, #fcfcfc);
    border: 1px solid var(--cheshire-info-border, #aab8c6);
    color: var(--cheshire-info-text, #21618C);
}
.msgbox-tipp {
    background: var(--cheshire-success-bg, #f3f9f4);
    border: 1px solid var(--cheshire-success-border, #91c89c);
    color: var(--cheshire-success-text, #1E8449);
}
.msgbox-warn {
    background: var(--cheshire-danger-bg, #fff8f7);
    border: 1px solid var(--cheshire-danger-border, #d04437);
    color: var(--cheshire-danger-text, #7B241C);
}
.msgbox-note {
    background: var(--cheshire-warning-bg, #fffdf6);
    border: 1px solid var(--cheshire-warning-border, #ffeaae);
    color: var(--cheshire-warning-text, #8a6d3b);
}

/* Teil B: sitewide Banner, sitzt direkt unter der Topbar -- etwas mehr
   Innenabstand + Fettschrift fuer den optionalen Titel als Unterscheidung
   zu den kleineren Post-Boxen (Teil A). Linkes Padding bleibt erhalten,
   damit das Icon (.msgbox::before) weiterhin Platz hat. */
.msgbox-banner {
    padding: .8rem 1.1rem .8rem 2.6rem;
    margin: 0 0 1rem;
}
.msgbox-banner::before { top: .85rem; left: .8rem; }
.msgbox-banner p:first-child strong { font-size: 1rem; }