@CHARSET "UTF-8";

/* ============================================================
   OLC Forum - Modernes Redesign fuer das neue Shop-Design
   Laedt NACH ol.forum.css und gestaltet das Forum komplett neu.
   Die Klassennamen des Legacy-Markups bleiben unangetastet,
   damit die gesamte Funktionalitaet (Accordion, Bild-Zoom,
   Rechte, MyChat) unveraendert weiterlaeuft.

   Farbsemantik der Bereiche bleibt erhalten:
   MyChat = gold | Zugang = gruen | Gruppen = blau | gesperrt = rot
   ============================================================ */

/* ── Grundflaeche ──────────────────────────────────────── */
.forum-wrap {
    max-width: 1150px;
    margin: 0 auto;
    /* WICHTIG: body setzt color:#1e1609 (fast schwarz) fuer den hellen Shop.
       Der Forumsbereich ist dunkel - ohne diese Grundfarbe erbt jeder nicht
       eigens eingefaerbte Text das Schwarz und ist unsichtbar (z. B. Fehler-
       und Hinweismeldungen). Die cremefarbenen Beitragskarten setzen unten
       per !important wieder dunkle Schrift. */
    color: rgba(253, 244, 224, .9);
}
/* Meldungen/Fliesstext, die direkt im Forum liegen */
.forum-wrap > p,
.forum-wrap > div > p,
.forum-wrap .thread-display > p {
    color: rgba(253, 244, 224, .9);
}

/* AUSNAHME: Die Profilseite (#reporting) behaelt bewusst das helle
   Legacy-Design (Hintergrund #EFDDB5, schwarze Schrift). Da sie ein
   direktes div im .forum-wrap ist, greift die Regel darueber und faerbt
   ihre Absaetze cremefarben - auf hellem Grund unlesbar
   ("Mitglied seit: ... | Anzahl der Beitraege"). Hier zurueckgesetzt. */
.forum-wrap #reporting > p,
.forum-wrap #reporting p {
    color: #241a06;
}
.forum-wrap #reporting a {
    color: #6b4c25;
}

#top-description,
.center-forum {
    width: auto !important;
    margin: 0 12px 28px !important;
    color: rgba(253, 244, 224, .85) !important;
    font-size: 1rem !important;
}

/* ── HERO (art-hero der Artikel-Seiten) ────────────────── */
/* Volle Seitenbreite wie auf allen anderen Seiten - der Hero
   bricht aus dem zentrierten .wrap-Container aus. */
.forum-wrap .art-hero {
    width: 100vw;
    margin-left: calc(50% - 50vw);
    border-radius: 0;
    margin-bottom: 0;
}

.forum-wrap .art-hero img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

/* Aktionsleiste unter dem Hero */
.olc-hero-actions {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    flex-wrap: wrap;
    background: #1e1609;
    border: 1px solid rgba(184, 145, 42, .25);
    border-top: none;
    border-radius: 0 0 12px 12px;
    padding: 14px 22px;
    margin: 0 0 30px;
}

.olc-hero-sub {
    color: rgba(253, 244, 224, .7);
    font-size: .9rem;
}

.olc-hero-buttons {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
}

.olc-btn {
    display: inline-block;
    padding: 10px 20px;
    border-radius: 7px;
    font-size: .88rem;
    font-weight: 700;
    letter-spacing: .04em;
    text-decoration: none !important;
    transition: opacity .2s, background .2s;
}

.olc-btn--gold {
    background: linear-gradient(135deg, #d4a843, #8a6a1c);
    color: #100d06 !important;
}

.olc-btn--ghost {
    background: rgba(16, 13, 6, .55);
    color: #f2d98a !important;
    border: 1px solid rgba(184, 145, 42, .55);
}

.olc-btn:hover { opacity: .87; }

/* ── Intro-Bereich ─────────────────────────────────────── */
.olc-intro-lead {
    font-size: 1.06rem;
    line-height: 1.65;
    color: rgba(253, 244, 224, .9);
    max-width: 62rem;
}

.olc-benefit-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 16px;
    margin: 22px 0;
}

.olc-benefit-card {
    background: #1e1609;
    border: 1px solid rgba(184, 145, 42, .28);
    border-top: 3px solid #b8912a;
    border-radius: 12px;
    padding: 20px 22px;
}

.olc-benefit-title {
    font-size: .78rem;
    letter-spacing: .18em;
    text-transform: uppercase;
    font-weight: 700;
    color: #d4a843;
    margin-bottom: 12px;
}

.olc-benefit-card ul {
    margin: 0;
    padding-left: 18px;
}

.olc-benefit-card li {
    margin-bottom: 10px;
    line-height: 1.55;
    color: rgba(253, 244, 224, .78);
}

.olc-benefit-card li strong { color: #fdf4e0; }

.olc-intro-text {
    color: rgba(253, 244, 224, .75);
    line-height: 1.6;
    max-width: 62rem;
}

.olc-note {
    background: rgba(184, 145, 42, .1);
    border: 1px solid rgba(184, 145, 42, .35);
    border-left: 4px solid #b8912a;
    border-radius: 10px;
    padding: 16px 20px;
    margin: 22px 0 6px;
    line-height: 1.6;
}

.olc-note a { color: #d4a843 !important; }

.olc-login-note {
    background: #1e1609;
    border: 1px solid rgba(184, 145, 42, .3);
    border-radius: 12px;
    padding: 18px 22px;
    margin-top: 18px;
    text-align: center;
}

.olc-login-note h2 {
    color: #d4a843;
    font-size: 1.1rem;
    margin: 0 0 8px;
}

.olc-login-note a { color: #f2d98a !important; font-weight: 700; }

/* ── Kategorie-Karten (top-forum) ──────────────────────── */
.top-forum {
    background-color: #1a1408 !important;
    border: 1px solid rgba(184, 145, 42, .28) !important;
    border-radius: 14px !important;
    box-shadow: 0 6px 26px rgba(0, 0, 0, .45) !important;
    color: #fdf4e0 !important;
    overflow: hidden;
    width: auto !important;
    margin: 22px 12px !important;
    padding: 0 !important;
    transition: border-color .25s, box-shadow .25s;
}

.top-forum:hover {
    border-color: rgba(184, 145, 42, .6) !important;
    box-shadow: 0 10px 34px rgba(0, 0, 0, .6) !important;
}

/* Status-Akzente: linke Kante + zarter Schein (Semantik erhalten) */
.top-forum.mychat {
    background: linear-gradient(135deg, rgba(184, 145, 42, .3), rgba(30, 22, 9, .96)) !important;
    border: 1px solid #d4a843 !important;
    box-shadow: 0 8px 34px rgba(184, 145, 42, .3) !important;
}

.top-forum.access {
    background: linear-gradient(135deg, rgba(29, 77, 29, .5), #1a1408 92%) !important;
    border-color: rgba(90, 196, 120, .55) !important;
}

.top-forum.group {
    background: linear-gradient(135deg, rgba(44, 62, 107, .55), #1a1408 92%) !important;
    border-color: rgba(131, 154, 235, .55) !important;
}

.top-forum.noaccess {
    background: linear-gradient(135deg, rgba(91, 20, 20, .55), #1a1408 92%) !important;
    border-color: rgba(220, 80, 80, .5) !important;
}

/* ── Kategorie-Kopf mit Bild ───────────────────────────── */
.forum-header {
    background: transparent !important;
    color: #fdf4e0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    margin: 0 !important;
    padding: 16px 18px !important;
    cursor: pointer;
}

.top-forum > .forum-header {
    background: transparent !important;
    color: #fdf4e0 !important;
}

/* Kategorie-Bild links: gerundet, mit sanftem Zoom */
.forum-image {
    width: 17% !important;
    padding: 0 !important;
}

.forum-image img {
    border-radius: 10px;
    border: 1px solid rgba(184, 145, 42, .35);
    display: block;
    transition: transform .35s ease;
}

.forum-header:hover .forum-image img {
    transform: scale(1.04);
}

.forum-content {
    width: 79% !important;
    padding-left: 16px;
    box-sizing: border-box;
}

/* Mobil-Bild (waechst beim Oeffnen per jQuery-Animation) */
.forum-name-image img {
    border-radius: 10px;
    border: 1px solid rgba(184, 145, 42, .35);
    display: block;
}

.forum-header .forum-name {
    color: #f2d98a !important;
    font-size: 1.12rem !important;
    font-weight: 700;
    letter-spacing: .015em;
    padding: 2px 0 6px !important;
    text-shadow: 0 1px 6px rgba(0, 0, 0, .6);
}

.forum-header .forum-description {
    color: rgba(253, 244, 224, .72) !important;
    font-size: .9rem !important;
    line-height: 1.55;
    padding: 0 !important;
}

/* Farbige strongs aus den DB-Beschreibungen lesbar halten */
.forum-header .forum-description strong { text-shadow: 0 1px 4px rgba(0,0,0,.7); }

/* ── Unterforen & Threads ──────────────────────────────── */
.forum-contents { padding: 4px 14px 16px !important; }

/* Kategorie-Boxen deutlich vom Elterncontainer (#1a1408) abheben.
   Bei so dunklen Toenen bringt der Hintergrund allein fast nichts - der
   Rahmen ist der eigentliche Trenner. Bisher: Box 1,04:1 zum Hintergrund
   und Rahmen mit nur 22 % Deckkraft, dadurch praktisch unsichtbar.
   Jetzt: etwas hellere Box, kraeftigerer Rahmen (3,3:1) und eine feine
   Innenkante, die die Box wie eine aufliegende Karte wirken laesst. */
/* Drei Ebenen, die sich unterscheiden muessen:
   .top-forum  #1a1408  (aeusseres Panel)
   .subforum   #120e06  (Kategorie-Box, dunkler = vertiefte Flaeche)
   .thread     #241b0d  (Zeilen darin, heller = aufliegende Karten)
   Bei so dunklen Toenen traegt der Helligkeitsunterschied allein wenig -
   die Rahmen sind der eigentliche Trenner. */
.subforum {
    background: #120e06 !important;
    border: 1px solid rgba(212, 168, 67, .55) !important;
    border-radius: 10px !important;
    box-shadow: inset 0 1px 0 rgba(253, 244, 224, .05),
                0 2px 10px rgba(0, 0, 0, .35) !important;
}
.subforum + .subforum { margin-top: 12px !important; }

.thread {
    background: #241b0d !important;
    /* Rahmen von .14 auf .42 angehoben: bei diesen dunklen Toenen war die
       Zeile sonst kaum von ihrem Untergrund zu unterscheiden. */
    border: 1px solid rgba(184, 145, 42, .42) !important;
    color: #fdf4e0 !important;
    border-radius: 8px;
    margin: 8px 0;
    transition: background .2s, border-color .2s, transform .15s;
}

.thread:hover {
    filter: none !important;
    background: #322510 !important;
    border-color: rgba(184, 145, 42, .55) !important;
    transform: translateX(3px);
}

.thread.threads-header {
    background: transparent !important;
    color: rgba(212, 168, 67, .85) !important;
    border: none !important;
    font-size: .78rem !important;
    text-transform: uppercase;
    letter-spacing: .1em;
}

.thread.thread-user {
    background: #17110a !important;
    color: rgba(253, 244, 224, .82) !important;
    border-color: rgba(184, 145, 42, .34) !important;
}

.thread.thread-user.assigned {
    background: rgba(29, 77, 29, .55) !important;
    color: #d9f7e0 !important;
}

.thread.thread-user.old-headline {
    background: #241b0d !important;
    color: rgba(253, 244, 224, .7) !important;
}

.thread.voting {
    background: rgba(74, 56, 110, .5) !important;
    color: #e8ddf7 !important;
}

.threads .thread-name:before { color: #b8912a !important; }
.threads .thread-user .thread-name:before { color: rgba(253, 244, 224, .45) !important; }
.threads .thread-user.old-headline .thread-name:before { color: #5AC478 !important; }

/* ── Thread-Ansicht ────────────────────────────────────── */
.thread-display {
    background: #1a1408 !important;
    border: 1px solid rgba(184, 145, 42, .28) !important;
    border-radius: 14px !important;
    color: #fdf4e0 !important;
    width: auto !important;
    margin: 20px 12px !important;
}

.thread-display-header,
.thread-display-footer {
    background: rgba(16, 13, 6, .75) !important;
    color: #fdf4e0 !important;
    border-radius: 10px !important;
    box-shadow: none !important;
    border-left: 3px solid #b8912a;
}

.thread-display-header .thread-name em { color: rgba(253, 244, 224, .5) !important; }

.thread-display-header .thread-name .posting-order,
.thread-display-header .thread-name .posting-archive,
.thread-display-header .thread-archive,
.forum-header.subforum-header .thread-archive {
    background-color: #241b0d !important;
    color: #d4a843 !important;
    border: 1px solid rgba(184, 145, 42, .4) !important;
    border-radius: 6px !important;
}

.thread-display-header a.thread-important {
    background: rgba(29, 77, 29, .55) !important;
    color: #8ef7a5 !important;
    border: 1px solid rgba(90, 196, 120, .5) !important;
    border-radius: 7px !important;
    box-shadow: none !important;
}

/* ── Beitraege: helle Karten (Lesbarkeit alter Inhalte) ── */
.forum-item {
    border-radius: 10px;
    overflow: hidden;
    margin: 10px 0;
}

.forum-item.odd,
.forum-item.even {
    background-color: #fdf4e0 !important;
    border: 1px solid rgba(184, 145, 42, .35);
    box-shadow: 0 3px 14px rgba(0, 0, 0, .3);
}

.forum-item.new-item     { border-left: 5px solid #5AC478 !important; }
.forum-item.important    { border-left: 5px solid #d4a843 !important; }
.forum-item.user-assigned{ border-left: 5px solid #839AEB !important; }
.forum-item.archived     { opacity: .62; }

/* ── Buttons ───────────────────────────────────────────── */
.forum-wrap button,
.forum-wrap input[type="submit"],
.forum-wrap input[type="button"] {
    border-radius: 7px !important;
    font-weight: 600;
    letter-spacing: .03em;
    cursor: pointer;
    transition: opacity .2s;
    border: none !important;
}

.forum-wrap button:hover,
.forum-wrap input[type="submit"]:hover { opacity: .86; }

/* ── Formulare / Editor ────────────────────────────────── */
.forum-wrap input[type="text"],
.forum-wrap input[type="search"],
.forum-wrap textarea,
.forum-wrap select {
    background-color: #241b0d;
    color: #fdf4e0;
    border: 1px solid rgba(184, 145, 42, .35);
    border-radius: 7px;
    padding: 8px 11px;
}

.forum-wrap input[type="text"]:focus,
.forum-wrap textarea:focus {
    outline: none;
    border-color: #d4a843;
}

.forum-message.easyeditor,
.easyeditor,
#forum-edit-content {
    background-color: #fdf4e0 !important;
    color: #1a1408 !important;
    border-radius: 8px;
}

.easyeditor-toolbar {
    background-color: #241b0d !important;
    border-radius: 8px 8px 0 0;
}

.easyeditor-toolbar a { color: #d4a843 !important; }

/* ── Select2 dunkel ────────────────────────────────────── */
.select2-container--default .select2-selection--single,
.select2-container--default .select2-selection--multiple {
    background-color: #241b0d !important;
    border: 1px solid rgba(184, 145, 42, .35) !important;
    border-radius: 7px !important;
}

.select2-container--default .select2-selection--single .select2-selection__rendered { color: #fdf4e0 !important; }

.select2-dropdown {
    background-color: #1e1609 !important;
    border: 1px solid rgba(184, 145, 42, .4) !important;
    color: #fdf4e0 !important;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #b8912a !important;
    color: #100d06 !important;
}

.select2-search--dropdown .select2-search__field {
    background-color: #241b0d !important;
    color: #fdf4e0 !important;
    border: 1px solid rgba(184, 145, 42, .35) !important;
}

/* ── Pagination / Zitate / Links ───────────────────────── */
.thread-pagination a,
.thread-pagination span {
    background-color: #241b0d;
    color: #d4a843;
    border: 1px solid rgba(184, 145, 42, .3);
    border-radius: 6px;
    padding: 4px 10px;
    text-decoration: none;
}

.thread-pagination a:hover { border-color: #d4a843; }

.forum-citation,
.cite {
    border-left: 3px solid #b8912a;
    background-color: rgba(184, 145, 42, .08);
    border-radius: 0 8px 8px 0;
}

#top-description a,
.center-forum a { color: #d4a843; }

#top-description a:hover { color: #f2d98a; }

/* ── Mobil ─────────────────────────────────────────────── */
@media (max-width: 700px) {
    .olc-hero-actions { padding: 12px 14px; }

    .top-forum,
    .thread-display { margin: 14px 4px !important; border-radius: 10px !important; }

    .forum-header { padding: 12px 12px !important; }
    .thread .newestitem { display: none; }
    .thread:hover { transform: none; }
}

/* ══════════════════════════════════════════════════════════════════════
   ÜBERARBEITUNG 07/2026
   Behebt: gemischte Schriften/Größen, fehlende Buttons, schwarze Schrift
   auf dunklem Grund, unstrukturierter Themen-Kopf, unlesbares select2.
   ══════════════════════════════════════════════════════════════════════ */

/* ── 1. EINHEITLICHE SCHRIFT ───────────────────────────────────────────
   Das Legacy-CSS mischt pt/%/px (72.9%, 11pt, 121% ...) und Formular-
   Elemente fielen auf die Browser-Sans zurück, während der Shop Georgia
   nutzt. Hier wird alles auf eine Schrift und rem-Größen normalisiert. */
.forum-wrap,
.forum-wrap input,
.forum-wrap select,
.forum-wrap button,
.forum-wrap textarea,
.select2-container,
.select2-container *,
.select2-dropdown,
.select2-dropdown * {
    font-family: Georgia, 'Times New Roman', serif !important;
}

.forum-wrap { font-size: 1rem; }

/* Legacy-Größen (pt/%) auf eine ruhige Skala bringen */
.forum-wrap .thread-name            { font-size: 1.08rem !important; line-height: 1.4 !important; }
.forum-wrap .thread-creator,
.forum-wrap .thread-description     { font-size: .92rem !important; line-height: 1.55 !important; }
.forum-wrap .forum-item-header      { font-size: .82rem !important; }
.forum-wrap .forum-message          { font-size: .95rem !important; line-height: 1.65 !important; }
.forum-wrap .forum-top-lines        { font-size: .88rem !important; }
.forum-wrap .thread-pagination li   { font-size: .9rem !important; }

/* ── 2. BUTTON-SYSTEM ──────────────────────────────────────────────────
   Ersetzt die früheren Pipe-getrennten Textlinks. */
.olc-abtn {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 9px 15px;
    border-radius: 8px;
    border: 1px solid rgba(184, 145, 42, .45);
    background: rgba(16, 13, 6, .5);
    color: #f2d98a !important;
    font-size: .85rem !important;
    font-weight: 700;
    line-height: 1.2;
    text-decoration: none !important;
    cursor: pointer;
    white-space: nowrap;
    transition: background .2s, border-color .2s, color .2s, transform .15s;
}
.olc-abtn:hover {
    background: rgba(184, 145, 42, .18);
    border-color: #d4a843;
    color: #fff !important;
    transform: translateY(-1px);
}
.olc-abtn--gold {
    background: linear-gradient(135deg, #d4a843, #8a6a1c);
    border-color: transparent;
    color: #100d06 !important;
}
.olc-abtn--gold:hover { opacity: .9; color: #100d06 !important; }
.olc-abtn--back { background: transparent; }

/* Kopfzeile der Admin-Unterseiten (Titel + Zurück-Button statt Link in der H1) */
.olc-admin-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    flex-wrap: wrap;
    padding-bottom: 12px;
    margin: 0 0 18px;
    border-bottom: 1px solid rgba(184, 145, 42, .25);
}
.olc-admin-h1 {
    margin: 0 !important;
    color: #f2d98a !important;
    font-size: 1.3rem !important;
    font-weight: 700;
}

/* ── 3. ADMIN-BEREICH ──────────────────────────────────────────────────
   Aus der losen Textwüste wird eine klar gegliederte Karte. */
.olc-admin {
    background: #1a1206;
    border: 1px solid rgba(184, 145, 42, .3);
    border-left: 3px solid #b8912a;
    border-radius: 11px;
    padding: 18px 20px;
    margin: 0 0 22px;
}
.olc-admin-title {
    margin: 0 0 14px !important;
    color: #f2d98a !important;
    font-size: 1.05rem !important;
    font-weight: 700;
    letter-spacing: .03em;
}
.olc-admin-nav {
    display: flex;
    flex-wrap: wrap;
    gap: 9px;
    padding-bottom: 15px;
    margin-bottom: 15px;
    border-bottom: 1px solid rgba(184, 145, 42, .22);
}
.olc-admin-current {
    display: flex;
    align-items: baseline;
    flex-wrap: wrap;
    gap: 6px 10px;
    margin-bottom: 14px;
    font-size: .9rem;
    color: rgba(253, 244, 224, .75);
}
.olc-admin-label { color: rgba(253, 244, 224, .55); }
.olc-admin-cust  { color: #f2d98a !important; font-size: 1rem; }
.olc-admin-meta  { color: rgba(253, 244, 224, .5); font-size: .84rem; }
.olc-admin-meta a { color: #d4a843 !important; }
.olc-admin-picker {
    display: flex;
    gap: 10px;
    align-items: center;
    flex-wrap: wrap;
}
.olc-admin-picker .select2-container { flex: 1 1 320px; min-width: 240px; }
.olc-admin-go { flex: 0 0 auto; }

/* Semantische Hervorhebung (früher inline style="color:red") */
.olc-hl { color: #e8a23a !important; font-weight: 700; }
/* Auf den hellen Beitrags-Karten braucht es einen dunkleren Ton */
.forum-item.odd .olc-hl, .forum-item.even .olc-hl { color: #a8341f !important; }

/* Suchergebnis-Links (früher inline font-size:110%;color:black) */
.olc-result-link {
    font-weight: 700;
    font-size: 1.02rem !important;
    color: #f2d98a !important;
    text-decoration: none;
}
.olc-result-link:hover { color: #fff !important; }
.forum-item .olc-result-link,
.forum-items .olc-result-link { color: #6b4f12 !important; }

/* ── 4. KONTRAST ───────────────────────────────────────────────────────
   Die .forum-item-Karten sind creme (#fdf4e0) -> dunkle Schrift.
   Der Themen-Kopf ist dunkel -> helle Schrift. Die früher inline
   gesetzten schwarzen Farben sind aus dem Markup entfernt, hier wird
   je Kontext die richtige Farbe gesetzt. */
.forum-item.odd, .forum-item.even { color: #241a0b !important; }
.forum-item.odd .forum-message,  .forum-item.even .forum-message,
.forum-item.odd .forum-message p, .forum-item.even .forum-message p,
.forum-item.odd .forum-message span, .forum-item.even .forum-message span,
.forum-item.odd .forum-message li,   .forum-item.even .forum-message li,
.forum-item.odd .forum-message strong, .forum-item.even .forum-message strong,
.forum-item.odd .forum-message em,   .forum-item.even .forum-message em,
.forum-item.odd .forum-message h2, .forum-item.even .forum-message h2,
.forum-item.odd .forum-message h3, .forum-item.even .forum-message h3,
.forum-item.odd .forum-message h4, .forum-item.even .forum-message h4,
.forum-item.odd .forum-message div, .forum-item.even .forum-message div {
    color: #241a0b !important;
}
.forum-item.odd .forum-message a, .forum-item.even .forum-message a { color: #8a6a1c !important; }
.forum-item.odd .forum-item-header, .forum-item.even .forum-item-header { color: #5a4212 !important; }
.forum-item.odd .forum-item-header a, .forum-item.even .forum-item-header a { color: #6b4f12 !important; font-weight: 700; }
.forum-item.odd .forum-item-header .forum-item-author,
.forum-item.even .forum-item-header .forum-item-author,
.forum-item.odd .forum-item-header .forum-item-regarding,
.forum-item.even .forum-item-header .forum-item-regarding { color: #3a2a0c !important; }

/* Dunkler Themen-Kopf -> helle Links (vorher schwarz = unlesbar) */
.thread-display-header a,
.thread-display-footer a,
.forum-top-lines a { color: #f2d98a !important; }
.thread-display-header a:hover,
.forum-top-lines a:hover { color: #fff !important; }

/* ── 5. THEMEN-KOPF STRUKTURIEREN ──────────────────────────────────────
   Vorher lief alles ineinander. Jetzt klare Zonen mit Abstand. */
.thread-display-header {
    padding: 16px 18px !important;
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.thread-display-header .thread-name {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 14px;
    flex-wrap: wrap;
    color: #fdf4e0 !important;
    font-weight: 700;
    padding-bottom: 10px;
    border-bottom: 1px solid rgba(184, 145, 42, .22);
}
.thread-display-header .thread-name em {
    display: block;
    width: 100%;
    color: rgba(253, 244, 224, .5) !important;
    font-size: .78rem !important;
    font-style: normal;
    letter-spacing: .1em;
    text-transform: uppercase;
    font-weight: 400;
    margin-bottom: 3px;
}
.thread-display-header .thread-creator { color: rgba(253, 244, 224, .6) !important; }
.thread-display-header .thread-description {
    background: rgba(184, 145, 42, .07);
    border-left: 3px solid rgba(184, 145, 42, .5);
    border-radius: 0 7px 7px 0;
    padding: 10px 14px;
    color: rgba(253, 244, 224, .85) !important;
}
.thread-display-header .thread-description strong { color: #f2d98a !important; }
.thread-display-header .write-answer { align-self: flex-start; }

/* ── 6. "MÄNNCHEN" (neue Beiträge / zugewiesen) ────────────────────────
   Original wurde mit 64px viel zu groß dargestellt. Rund 26px ist
   etwa 60% kleiner und bleibt gut erkennbar. */
.new-threads-icon,
img[src*="ol-forum-new-threads"],
img[src*="ol-forum-user-assigned"] {
    height: 26px !important;
    max-height: 26px !important;
    width: auto !important;
    vertical-align: middle;
}

/* ── 7. SELECT2 IM DUNKLEN DESIGN ──────────────────────────────────────
   Vorher: Standard-Hellskin auf dunklem Grund -> Optionen praktisch
   unlesbar, Pfeil-Button unsichtbar, Suchfeld winzig. */
.select2-container--default .select2-selection--single {
    height: auto !important;
    background: #2a2010 !important;
    border: 1px solid rgba(184, 145, 42, .45) !important;
    border-radius: 8px !important;
    padding: 9px 12px !important;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #fdf4e0 !important;
    font-size: .95rem !important;
    line-height: 1.4 !important;
    padding: 0 !important;
}
.select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: rgba(253, 244, 224, .5) !important;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 100% !important;
    top: 0 !important;
    right: 8px !important;
    width: 22px !important;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: #d4a843 transparent transparent transparent !important;
    border-width: 6px 5px 0 5px !important;
}
.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: transparent transparent #d4a843 transparent !important;
    border-width: 0 5px 6px 5px !important;
}
.select2-container--default .select2-selection--single .select2-selection__clear {
    color: #d4a843 !important;
    font-size: 1.2rem !important;
    margin-right: 6px;
}

/* Dropdown-Fläche */
.select2-dropdown {
    background: #1a1206 !important;
    border: 1px solid rgba(184, 145, 42, .5) !important;
    border-radius: 9px !important;
    box-shadow: 0 12px 34px rgba(0, 0, 0, .6);
    overflow: hidden;
}
/* Suchfeld im Dropdown - war viel zu klein */
.select2-container--default .select2-search--dropdown { padding: 9px !important; }
.select2-container--default .select2-search--dropdown .select2-search__field {
    background: #2a2010 !important;
    border: 1px solid rgba(184, 145, 42, .5) !important;
    border-radius: 7px !important;
    color: #fdf4e0 !important;
    font-size: .95rem !important;
    padding: 9px 11px !important;
}
.select2-container--default .select2-search--dropdown .select2-search__field:focus {
    outline: none;
    border-color: #d4a843 !important;
}
/* Optionen - vorher dunkel auf dunkel */
.select2-container--default .select2-results__option {
    color: rgba(253, 244, 224, .88) !important;
    background: transparent !important;
    font-size: .93rem !important;
    padding: 9px 12px !important;
}
.select2-container--default .select2-results__option--highlighted[aria-selected],
.select2-container--default .select2-results__option--highlighted {
    background: linear-gradient(135deg, #d4a843, #8a6a1c) !important;
    color: #100d06 !important;
}
.select2-container--default .select2-results__option[aria-selected=true] {
    background: rgba(184, 145, 42, .2) !important;
    color: #f2d98a !important;
}
.select2-results__options { max-height: 320px !important; }
.select2-container--default .select2-results__message { color: rgba(253, 244, 224, .55) !important; }

/* ── 8. FORMULAR-BUTTONS im Forum vereinheitlichen ─────────────────────
   Legacy-Buttons (Antworten, Zitat, Ins Archiv ...) im Shop-Look. */
.forum-wrap .write-answer,
.forum-wrap .posting-archive {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 9px 16px !important;
    border-radius: 8px !important;
    border: 1px solid rgba(184, 145, 42, .45) !important;
    background: rgba(16, 13, 6, .5) !important;
    color: #f2d98a !important;
    font-size: .85rem !important;
    font-weight: 700;
    cursor: pointer;
    transition: background .2s, border-color .2s, color .2s;
}
.forum-wrap .write-answer:hover,
.forum-wrap .posting-archive:hover {
    background: rgba(184, 145, 42, .18) !important;
    border-color: #d4a843 !important;
    color: #fff !important;
}
.forum-wrap .write-answer[disabled] { opacity: .45; cursor: default; }
.forum-wrap .posting-archive.active {
    background: linear-gradient(135deg, #d4a843, #8a6a1c) !important;
    color: #100d06 !important;
    border-color: transparent !important;
}

@media (max-width: 700px) {
    .olc-admin-nav { gap: 7px; }
    .olc-abtn { font-size: .8rem !important; padding: 8px 12px; }
    .olc-admin-picker { flex-direction: column; align-items: stretch; }
    .olc-admin-picker .select2-container { flex: 1 1 auto; }
}

/* ══════════════════════════════════════════════════════════════════════
   NACHRICHTEN-EDITOR: Toolbar, Icons und Aktions-Buttons
   Vorher: winzige Standard-Buttons im Hellskin, Icons unsichtbar.
   ══════════════════════════════════════════════════════════════════════ */

/* ── Toolbar-Leiste ───────────────────────────────────────────────────── */
.forum-wrap .easyeditor-toolbar {
    background: #1a1206 !important;
    border: 1px solid rgba(184, 145, 42, .3) !important;
    border-bottom: none !important;
    border-radius: 9px 9px 0 0;
    padding: 10px 12px 5px !important;
}
.forum-wrap .easyeditor-toolbar ul { margin: 0; padding: 0; }

/* Toolbar-Buttons: deutlich groesser und im Gold-Design */
.forum-wrap .easyeditor-toolbar li button {
    background: rgba(16, 13, 6, .55) !important;
    border: 1px solid rgba(184, 145, 42, .4) !important;
    border-radius: 8px !important;
    min-width: 40px !important;
    height: 40px !important;
    padding: 0 9px !important;
    margin-right: 7px !important;
    margin-bottom: 7px !important;
    color: #f2d98a !important;
    font-size: .9rem !important;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    transition: background .2s, border-color .2s;
}
.forum-wrap .easyeditor-toolbar li button:hover {
    background: rgba(184, 145, 42, .2) !important;
    border-color: #d4a843 !important;
    box-shadow: none !important;
}
/* Die Icon-PNGs sind schwarz auf transparent (fuer die alte helle Leiste).
   Umkehren statt neu zeichnen -> helle Symbole auf dunklem Grund. */
.forum-wrap .easyeditor-toolbar li button img {
    width: 20px;
    height: 20px;
    display: block;
    filter: invert(1) brightness(1.6);
    opacity: .85;
    transition: opacity .2s;
}
.forum-wrap .easyeditor-toolbar li button:hover img { opacity: 1; }

/* Schreibflaeche */
.forum-wrap .easyeditor {
    border: 1px solid rgba(184, 145, 42, .3) !important;
    border-radius: 0 0 9px 9px;
    padding: 16px !important;
    min-height: 150px;
}

/* ── Aktions-Leiste unter dem Editor ──────────────────────────────────── */
.forum-wrap .forum-edit-buttons {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
    padding: 12px 0 2px;
}
/* Gemeinsame Groesse fuer alle Bedienelemente */
.forum-wrap .forum-edit-buttons input[type="submit"],
.forum-wrap .forum-edit-buttons input[type="button"],
.forum-wrap .forum-edit-buttons select {
    min-height: 42px;
    padding: 10px 18px !important;
    border-radius: 8px !important;
    font-size: .9rem !important;
    font-weight: 700;
    font-family: Georgia, 'Times New Roman', serif !important;
    cursor: pointer;
    transition: opacity .2s, background .2s, border-color .2s, color .2s;
}
/* Hauptaktion "Nachricht posten" wird weiter unten in Gruen gesetzt. */
/* Nebenaktionen: zurueckhaltend statt weiss */
.forum-wrap .forum-edit-buttons input[name="forum-empty"],
.forum-wrap .forum-edit-buttons input[name="forum-cancel"] {
    background: transparent !important;
    border: 1px solid rgba(184, 145, 42, .45) !important;
    color: #f2d98a !important;
}
.forum-wrap .forum-edit-buttons input[name="forum-empty"]:hover,
.forum-wrap .forum-edit-buttons input[name="forum-cancel"]:hover {
    background: rgba(184, 145, 42, .16) !important;
    border-color: #d4a843 !important;
    color: #fff !important;
}
/* "Nicht senden" nach rechts absetzen */
.forum-wrap .forum-edit-buttons input[name="forum-empty"] { margin-left: auto; }

/* ── Auswahlfelder im Forum (Vorlage, Zuweisung) ──────────────────────── */
.forum-wrap select#message-template,
.forum-wrap select.task-assigned-user-select {
    background: #2a2010 !important;
    border: 1px solid rgba(184, 145, 42, .45) !important;
    border-radius: 8px !important;
    color: #fdf4e0 !important;
    padding: 9px 12px !important;
    font-size: .88rem !important;
    font-family: Georgia, 'Times New Roman', serif !important;
    min-height: 40px;
}
.forum-wrap select#message-template:focus,
.forum-wrap select.task-assigned-user-select:focus {
    outline: none;
    border-color: #d4a843 !important;
}
/* Auf den hellen Beitrags-Karten muss die Zuweisung hell bleiben */
.forum-item.odd select.task-assigned-user-select,
.forum-item.even select.task-assigned-user-select {
    background: #fffdf6 !important;
    border-color: rgba(107, 79, 18, .45) !important;
    color: #241a0b !important;
}

/* ── "Ins Archiv" je Beitrag ──────────────────────────────────────────── */
.forum-wrap button.archived {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    min-height: 40px;
    padding: 9px 15px !important;
    border-radius: 8px !important;
    border: 1px solid rgba(107, 79, 18, .45) !important;
    background: rgba(107, 79, 18, .07) !important;
    color: #5a4212 !important;
    font-size: .85rem !important;
    font-weight: 700;
    font-family: Georgia, 'Times New Roman', serif !important;
    cursor: pointer;
    transition: background .2s, border-color .2s, color .2s;
}
.forum-wrap button.archived:hover {
    background: rgba(107, 79, 18, .16) !important;
    border-color: #8a6a1c !important;
    color: #241a0b !important;
}
.forum-wrap button.archived.yes {
    background: linear-gradient(135deg, #d4a843, #8a6a1c) !important;
    border-color: transparent !important;
    color: #100d06 !important;
}

@media (max-width: 700px) {
    .forum-wrap .forum-edit-buttons { gap: 8px; }
    .forum-wrap .forum-edit-buttons input[name="forum-empty"] { margin-left: 0; }
    .forum-wrap .forum-edit-buttons input[type="submit"],
    .forum-wrap .forum-edit-buttons input[type="button"],
    .forum-wrap .forum-edit-buttons select { flex: 1 1 auto; }
}

/* ── Archiv-/Themen-Buttons im Themenkopf einheitlich ─────────────────────
   .posting-archive (MyChat), .thread-archive (Forum), .posting-order und
   .thread-important hatten noch die winzigen Legacy-Groessen. */
.forum-wrap .thread-display-header .posting-archive,
.forum-wrap .thread-display-header .posting-order,
.forum-wrap .thread-display-header .thread-archive,
.forum-wrap .thread-display-header a.thread-important,
.forum-wrap .forum-header.subforum-header .thread-archive {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    min-height: 40px;
    padding: 9px 15px !important;
    border-radius: 8px !important;
    font-size: .85rem !important;
    font-weight: 700;
    font-family: Georgia, 'Times New Roman', serif !important;
    text-decoration: none !important;
    cursor: pointer;
    transition: background .2s, border-color .2s, color .2s;
}
.forum-wrap .thread-display-header .posting-archive:hover,
.forum-wrap .thread-display-header .posting-order:hover,
.forum-wrap .thread-display-header .thread-archive:hover,
.forum-wrap .forum-header.subforum-header .thread-archive:hover {
    background-color: rgba(184, 145, 42, .2) !important;
    border-color: #d4a843 !important;
    color: #fff !important;
}
/* Aktiv = Archivansicht laeuft bzw. Thema ist archiviert */
.forum-wrap .thread-display-header .posting-archive.active,
.forum-wrap .thread-display-header .thread-archive.active,
.forum-wrap .forum-header.subforum-header .thread-archive.active {
    background: linear-gradient(135deg, #d4a843, #8a6a1c) !important;
    border-color: transparent !important;
    color: #100d06 !important;
}

/* ── Schreib-Panel: Legacy-Braun ersetzen ─────────────────────────────────
   #forum-edit hatte noch background:#A58B5F aus dem Alt-Design. Auf diesem
   Mittelbraun hatte JEDER Button zu wenig Kontrast (Gold lag bei 1.47:1).
   Panel dunkel -> die Bedienelemente treten wieder hervor. */
.forum-wrap #forum-edit {
    background-color: #1a1206 !important;
    border: 1px solid rgba(184, 145, 42, .3);
    border-radius: 12px !important;
    padding: 18px !important;
}
.forum-wrap #forum-edit > h2 {
    color: #f2d98a !important;
    font-size: 1.05rem !important;
    letter-spacing: .02em;
    margin-bottom: 14px !important;
}

/* ── "Nachricht posten": gruen statt gold ─────────────────────────────────
   Gold ging auf der Leiste unter. Gruen ist die Semantikfarbe fuer
   Bestaetigen und hebt sich klar vom goldenen Rest ab. */
.forum-wrap .forum-edit-buttons input[name="forum-send"] {
    background: linear-gradient(135deg, #2f8a57, #1f6b42) !important;
    border: 1px solid rgba(92, 208, 138, .45) !important;
    color: #fff !important;
    text-shadow: 0 1px 2px rgba(0, 0, 0, .35);
    box-shadow: 0 2px 12px rgba(47, 138, 87, .3);
}
.forum-wrap .forum-edit-buttons input[name="forum-send"]:hover {
    background: linear-gradient(135deg, #37a166, #26794c) !important;
    border-color: #5cd08a !important;
    box-shadow: 0 4px 18px rgba(47, 138, 87, .45);
    opacity: 1;
}

/* ── Hinweis-Box statt stummer Abbrueche ──────────────────────────────────
   Die Schutzklauseln der Thread-Module brachen frueher mit die;/return; ab,
   ohne irgendetwas auszugeben -> leere Seite ohne Erklaerung. */
.forum-wrap .olc-notice {
    max-width: 640px;
    margin: 40px auto 60px;
    padding: 26px 28px;
    background: #1a1206;
    border: 1px solid rgba(184, 145, 42, .35);
    border-left: 4px solid #b8912a;
    border-radius: 12px;
    text-align: center;
}
.forum-wrap .olc-notice-title {
    color: #f2d98a;
    font-size: 1.15rem;
    font-weight: 700;
    margin-bottom: 10px;
}
.forum-wrap .olc-notice p {
    margin: 0 0 18px;
    color: rgba(253, 244, 224, .8);
    line-height: 1.6;
}