/* RRVGT x Emerald Dark | MyBB 1.8
   Als LETZTES globales Stylesheet einbinden.
   Bewahrt Emerald Dark, ersetzt Markenakzente durch RRVGT-Rot.
*/
:root {
  --rrvgt-red: #870000;
  --rrvgt-red-hover: #ad2020;
  --rrvgt-red-light: #e36b6b;
  --rrvgt-dark: #161616;
  --rrvgt-panel: #202020;
  --rrvgt-panel-alt: #282828;
  --rrvgt-border: #383838;
  --rrvgt-text: #dedede;
  --rrvgt-muted: #a7a7a7;
}

/* Basis: vorhandene Dark-Flächen und Lesbarkeit */
body, #content, #posts_container { background: var(--rrvgt-dark); color: var(--rrvgt-text); }
#container { background: var(--rrvgt-dark); color: var(--rrvgt-text); }
.trow1, .trow2 { background: var(--rrvgt-panel); color: var(--rrvgt-text); border-bottom-color: var(--rrvgt-border); }
.trow2 { background: #242424; }
.tcat, .trow_sep { background: #292929; color: var(--rrvgt-text); border-color: var(--rrvgt-border); }
.thead, #mobile_member { background: var(--rrvgt-red); color: #fff; }
.thead a:link, .thead a:visited, .thead a:hover, .thead a:active { color: #fff; }

/* Emerald-spezifischer Header und Navigation */
#header_block { border-bottom-color: var(--rrvgt-red); }
.haut { background: #242424; }
.headerlist { border-bottom-color: var(--rrvgt-red); }
.headerlist ul { color: var(--rrvgt-red-light); }
#menu-deroulant li:hover { border-bottom-color: var(--rrvgt-red); }
#menu-deroulant li:hover ul li:hover { color: var(--rrvgt-red-light); }
#home_bit, .nav_link, .navigation { color: var(--rrvgt-red-light); }
.nav_link:hover { background: #292929; border-bottom-color: var(--rrvgt-red); }
#logo, #logo:hover, .wo_title { color: var(--rrvgt-red-light) !important; }

/* Links: klare Hervorhebung ohne rote Fließtexte */
a:hover, a:active { color: var(--rrvgt-red-light); }
.trow1 a:hover, .trow2 a:hover, .post a:hover { color: #ff8989; }

/* Forum- und Themenstatus */
.forum_on, .forum_off, .forum_offlock, .forum_offlink,
.subforum_minion, .subforum_minioff, .subforum_miniofflock, .subforum_miniofflink { color: var(--rrvgt-red-light); }
.thread_status:before { color: var(--rrvgt-red-light) !important; }
ul.thread_tools, ul.thread_tools li { color: var(--rrvgt-red-light); }
.usercp_nav_item:before, .modcp_nav_item:before { color: var(--rrvgt-red-light); }

/* Buttons und Steuerelemente */
button:hover, input.button:hover, a.button:hover,
.pagination a:hover, .popup_menu .popup_item:hover {
  background: var(--rrvgt-red-hover);
  color: #fff;
  border-color: var(--rrvgt-red-hover);
}
#iconbouton, .scrollToTop, .scrollToDown { background: var(--rrvgt-red); color: #fff; }
input.textbox, textarea, select { color: #e0e0e0; background: #242424; border-color: #444; }
input.textbox:focus, textarea:focus, select:focus { border-color: var(--rrvgt-red-hover); outline-color: var(--rrvgt-red-hover); }

/* Seitenzahlen, Markierungen, Zusatzmodule */
.pagination .pagination_current { color: #fff; }
.latestpost .lp_button, .lp_button, .thread_marked { background: var(--rrvgt-red); border-color: #620000; color: #fff; }
.star_rating_notrated li:hover a,
.star_rating_notrated li:hover ~ li a { color: var(--rrvgt-red-light) !important; }

/* Beiträge, Signaturen, Zitate und Codeblöcke */
.post, .post .post_author, .post_controls { background: var(--rrvgt-panel-alt); color: var(--rrvgt-text); border-color: var(--rrvgt-border); }
.post .post_head span.post_date, .post .post_meta { color: var(--rrvgt-muted); }
.post_content .signature { border-top-color: #555; }
blockquote { background: #303030; border-left: 3px solid var(--rrvgt-red); color: #dedede; }
.codeblock { background: #262626; border-color: #484848; color: #e0e0e0; }
.codeblock .title { border-bottom-color: #484848; }

/* Nur wenn das Emerald-Logo textbasiert ist: Farbgebung oben.
   Ein Logo als PNG wird dadurch NICHT umgefärbt. */

@media (max-width: 768px) {
  .thead { padding: 12px; }
  .post_content img, .post_content iframe,
  .signature img, .signature iframe { max-width: 100%; }
}

/* Footer – grünen oberen Rahmen entfernen */
.footer-distributed {
    border-top: 3px solid #870000 !important;
}


/* RRVGT – Themenüberschrift */
.rrvgt-thread-title {
    background: #242424;
    color: #c62828;
    font-size: 20px;
    padding: 14px 17px;
    border-bottom: 2px solid #870000;
}

.rrvgt-thread-title-text {
    overflow-wrap: anywhere;
}

.rrvgt-thread-title-text strong,
.rrvgt-thread-title-text i {
    color: inherit;
}

.rrvgt-thread-title-text i {
    margin-right: 8px;
}

/* Antwort-Button behält seine eigene Gestaltung */
.rrvgt-thread-title .new_reply_button {
    font-size: 14px;
}

/* Mobil: Titel und Antwort-Button untereinander */
@media (max-width: 600px) {
    .rrvgt-thread-title .float_right {
        float: none;
        margin-bottom: 12px;
    }

    .rrvgt-thread-title {
        font-size: 17px;
    }
}


/* RRVGT – Hervorgehobene Tabellenzeilen */
.trow_shaded,
tr.trow_shaded > td,
td.trow_shaded {
    background: #421b20 !important;
    color: #f0e5e5 !important;
    border-color: #713039 !important;
}

/* Links innerhalb hervorgehobener Zeilen */
.trow_shaded a:link,
.trow_shaded a:visited,
.trow_shaded a:active {
    color: #ffb3b3 !important;
}

.trow_shaded a:hover {
    color: #ffffff !important;
}

/* Sekundäre Texte */
.trow_shaded .smalltext {
    color: #d4bcbc !important;
}