/*
 * ═══════════════════════════════════════════════════════════════
 *  MAFIA INC. — phpBB 3.3 Dark Noir Style
 *  Child of prosilver — overrides colours only, inherits layout
 *  Selektoren geprüft gegen phpBB 3.3 prosilver Quellcode
 * ═══════════════════════════════════════════════════════════════
 */

/* ── PROSILVER BASIS LADEN (PFLICHT!) ───────────────────────── */
@import url("../../prosilver/theme/stylesheet.css");

/* ── LOKALE FONTS ────────────────────────────────────────────── */
@font-face {
    font-family: 'Playfair Display';
    font-style: normal;
    font-weight: 900;
    font-display: swap;
    src: url('fonts/playfair-900-latin-ext.woff2') format('woff2');
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
    font-family: 'Playfair Display';
    font-style: normal;
    font-weight: 900;
    font-display: swap;
    src: url('fonts/playfair-900-latin.woff2') format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
    font-family: 'Playfair Display';
    font-style: italic;
    font-weight: 400;
    font-display: swap;
    src: url('fonts/playfair-italic-400-latin-ext.woff2') format('woff2');
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
    font-family: 'Playfair Display';
    font-style: italic;
    font-weight: 400;
    font-display: swap;
    src: url('fonts/playfair-italic-400-latin.woff2') format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
    font-family: 'Special Elite';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('fonts/special-elite-latin-ext.woff2') format('woff2');
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
    font-family: 'Special Elite';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('fonts/special-elite-latin.woff2') format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* ── LOGO ────────────────────────────────────────────────────── */
.site_logo {
    background-image: url('./logo.jpg') !important;
    background-size: contain !important;
}

/* ── DESIGN TOKENS ──────────────────────────────────────────── */
:root {
    --mi-gold:        #d4b458;
    --mi-gold-light:  #ecd478;
    --mi-gold-dim:    #b8922e;
    --mi-blood:       #8b1a1a;
    --mi-blood-dark:  #3d0a0a;
    --mi-ink:         #0a0805;
    --mi-ink-light:   #120f0a;
    --mi-paper:       #1c1710;
    --mi-paper-light: #251e16;
    --mi-border:      #362c1c;
    --mi-border-gold: #4a3c28;
    --mi-text:        #e8dcc0;
    --mi-text-dim:    #c4aa78;
    --mi-text-faint:  #a08a60;
    --mi-font-head:   'Playfair Display', Georgia, serif;
    --mi-font-body:   'Crimson Text', Georgia, serif;
    --mi-font-ui:     'Special Elite', 'Courier New', monospace;
}

fieldset.quick-login {
    display: none;
}

/* ── GLOBAL RESET ───────────────────────────────────────────── */
html, body {
    background-color: var(--mi-ink) !important;
    color: var(--mi-text) !important;
    font-family: var(--mi-font-body) !important;
    font-size: 15px !important;
    background-image: none !important;
}

/* ── WRAPPER ────────────────────────────────────────────────── */
#wrap,
.wrap {
    background-color: var(--mi-ink) !important;
    border: none !important;
    box-shadow: none !important;
}

/* ── HEADER / HEADERBAR ─────────────────────────────────────── */
/* phpBB 3.3 prosilver: #header > .headerbar */
#header {
    background: var(--mi-ink) !important;
    border-bottom: 3px solid var(--mi-gold) !important;
    box-shadow: 0 2px 12px rgba(0,0,0,0.7), 0 1px 0 rgba(212,180,88,0.1) !important;
}

.headerbar {
    background-color: var(--mi-ink) !important;
    background-image: none !important;
    border-bottom: none !important;
    color: var(--mi-text) !important;
    min-height: 80px !important;
}

/* Logo / Site Name */
#logo-desc {
    background-image: none !important;
}

.site-name,
#logo-desc .site-name {
    font-family: var(--mi-font-head) !important;
    color: var(--mi-gold) !important;
    text-shadow: 0 0 20px rgba(201, 168, 76, 0.4) !important;
    font-size: 2rem !important;
    font-weight: 900 !important;
}

.site-desc,
#logo-desc .site-desc {
    font-family: var(--mi-font-ui) !important;
    color: var(--mi-text-dim) !important;
    font-size: 0.85rem !important;
    font-style: italic !important;
}

/* phpBB Logo ausblenden — optional */
/* #logo-desc img { display: none !important; } */

/* ── NAVIGATION BAR ─────────────────────────────────────────── */
/* phpBB 3.3: #nav-main .navbar, #nav-breadcrumb */
#nav-main {
    background-color: var(--mi-ink-light) !important;
    border-top: 1px solid var(--mi-border-gold) !important;
    border-bottom: 1px solid var(--mi-border-gold) !important;
}

.navbar,
.navbar ul {
    background-color: transparent !important;
}

.navbar li a,
.navbar li span {
    color: var(--mi-text-dim) !important;
    font-family: var(--mi-font-ui) !important;
    font-size: 0.75rem !important;
    letter-spacing: 0.08em !important;
    text-transform: uppercase !important;
}

.navbar li a:hover {
    color: var(--mi-gold) !important;
    text-decoration: none !important;
}

/* Quick links, Login Links */
#nav-main .navbar a,
.navbar a {
    color: var(--mi-text-dim) !important;
    font-family: var(--mi-font-ui) !important;
}

.navbar a:hover,
.navbar a:focus {
    color: var(--mi-gold) !important;
}

/* ── BREADCRUMB ─────────────────────────────────────────────── */
#nav-breadcrumb {
    background-color: var(--mi-ink-light) !important;
    border-bottom: 1px solid var(--mi-border) !important;
    padding: 6px 0 !important;
}

#nav-breadcrumb .navbar {
    background-color: transparent !important;
}

.navbar .crumbs,
.crumbs {
    font-family: var(--mi-font-ui) !important;
    font-size: 0.75rem !important;
}

.crumbs li,
.crumbs li a,
.crumbs span {
    color: var(--mi-text-dim) !important;
}

.crumbs li a:hover {
    color: var(--mi-gold) !important;
}

/* ── ACTION BAR (Post New Topic etc.) ───────────────────────── */
.action-bar,
.action-bar .bar-top,
.action-bar .bar-bottom {
    background: var(--mi-paper) !important;
    border-color: var(--mi-border-gold) !important;
}

/* ── FORUM BACKGROUND ───────────────────────────────────────── */
/* phpBB 3.3: .forumbg wraps each category block */
.forumbg {
    background: var(--mi-paper) !important;
    border: 2px solid var(--mi-gold-dim) !important;
    border-top: 3px solid var(--mi-gold) !important;
    border-radius: 3px !important;
    box-shadow: 0 2px 12px rgba(0,0,0,0.7), inset 0 1px 0 rgba(212,180,88,0.08) !important;
    margin-bottom: 14px !important;
}

/* ── CATEGORY HEADER ────────────────────────────────────────── */
/* phpBB 3.3: .forumbg .header h2 */
.forumbg .header,
.forumbg > .header {
    background: linear-gradient(180deg, #1e1a12 0%, var(--mi-paper) 100%) !important;
    border-bottom: 1px solid var(--mi-gold-dim) !important;
    padding: 10px 14px !important;
}

.forumbg .header h2,
.forumbg .header h2 a,
.forumbg .header h2 span {
    color: var(--mi-gold) !important;
    font-family: var(--mi-font-head) !important;
    font-size: 1rem !important;
    font-weight: 700 !important;
    letter-spacing: 0.06em !important;
    text-transform: uppercase !important;
}

.forumbg .header h2 a:hover {
    color: var(--mi-gold-light) !important;
}

/* ── COLUMN HEADERS (Topics / Posts / Last Post) ────────────── */
.forumbg .header .stat-block,
.forumbg .header li {
    color: var(--mi-text-faint) !important;
    font-family: var(--mi-font-ui) !important;
    font-size: 0.7rem !important;
    letter-spacing: 0.1em !important;
    text-transform: uppercase !important;
}

/* ── FORUM ROW ──────────────────────────────────────────────── */
/* phpBB 3.3: .forumrow inside .forumbg ul */
.forumbg ul.topiclist li.row,
.forumbg ul.topiclist .row {
    background-color: var(--mi-paper) !important;
    border-bottom: 1px solid var(--mi-border) !important;
}

.forumbg ul.topiclist li.row:last-child {
    border-bottom: none !important;
}

.forumbg ul.topiclist .row:hover,
.forumbg ul.topiclist li.row:hover {
    background-color: var(--mi-paper-light) !important;
}

/* Forum-Titel in Zeile */
.forumbg .forumtitle,
.forumbg .forumtitle a {
    color: var(--mi-gold) !important;
    font-family: var(--mi-font-head) !important;
    font-size: 1rem !important;
    font-weight: 700 !important;
}

.forumbg .forumtitle a:hover {
    color: var(--mi-gold-light) !important;
    text-decoration: none !important;
}

/* Forum-Beschreibung */
.forumbg .forumdesc,
.forumbg dd.forumdesc {
    color: var(--mi-text-dim) !important;
    font-family: var(--mi-font-body) !important;
    font-style: italic !important;
    font-size: 0.9rem !important;
}

/* Statistiken (Post/Topic Zahlen) */
.forumbg .posts,
.forumbg .topics,
.forumbg dd.posts,
.forumbg dd.topics {
    color: var(--mi-text-dim) !important;
    font-family: var(--mi-font-ui) !important;
    font-size: 0.85rem !important;
}

/* Last Post Info */
.forumbg .lastpost,
.forumbg dd.lastpost {
    color: var(--mi-text-dim) !important;
    font-family: var(--mi-font-body) !important;
    font-size: 0.85rem !important;
}

.forumbg .lastpost a,
.forumbg dd.lastpost a {
    color: var(--mi-gold-dim) !important;
}

.forumbg .lastpost a:hover,
.forumbg dd.lastpost a:hover {
    color: var(--mi-gold) !important;
}

/* ── TOPIC LIST ─────────────────────────────────────────────── */
ul.topiclist li {
    color: var(--mi-text-dim) !important;
}

.topiclist .row {
    background-color: var(--mi-paper) !important;
    border-bottom: 1px solid var(--mi-border) !important;
}

.topiclist .row:hover {
    background-color: var(--mi-paper-light) !important;
}

.topiclist .topictitle a,
.topiclist dt a {
    color: var(--mi-gold) !important;
    font-family: var(--mi-font-head) !important;
    font-size: 1rem !important;
    font-weight: 700 !important;
}

.topiclist .topictitle a:hover {
    color: var(--mi-gold-light) !important;
    text-decoration: none !important;
}

/* ── POST / VIEWTOPIC ───────────────────────────────────────── */
.post:target .content {
    color: var(--mi-text) !important;
}


.post {
    background-color: var(--mi-paper) !important;
    border: 1px solid var(--mi-border) !important;
    margin-bottom: 8px !important;
}

.post .postbody {
    color: var(--mi-text) !important;
    font-family: var(--mi-font-body) !important;
    font-size: 1rem !important;
    line-height: 1.65 !important;
}

.post .author,
.post .postauthor {
    color: var(--mi-gold) !important;
    font-family: var(--mi-font-head) !important;
    font-weight: 700 !important;
}

/* Post Header */
.post .postprofile {
    background-color: var(--mi-ink-light) !important;
    border-right: 1px solid var(--mi-border-gold) !important;
}

.post .inner {
    background-color: var(--mi-paper) !important;
    border-top: 2px solid var(--mi-border-gold) !important;
}

/* Username im Post */
.postprofile .username,
.postprofile .username-coloured,
.postprofile a.username {
    color: var(--mi-gold) !important;
    font-family: var(--mi-font-head) !important;
    font-size: 1rem !important;
    font-weight: 700 !important;
}

/* Post metadata (datum etc.) */
.post .postbody .post-entry .meta-text,
.postbody p.author {
    color: var(--mi-text-faint) !important;
    font-size: 0.8rem !important;
    font-family: var(--mi-font-ui) !important;
}

/* ── LINKS GLOBAL ───────────────────────────────────────────── */
a:link, a:visited {
    color: var(--mi-gold-dim) !important;
    text-decoration: none !important;
}

a:hover, a:active, a:focus {
    color: var(--mi-gold) !important;
    text-decoration: none !important;
}

/* ── BUTTONS ────────────────────────────────────────────────── */
input[type="submit"],
input[type="button"],
.button1,
.button2,
.button3,
a.button1,
a.button2 {
    background: var(--mi-blood-dark) !important;
    border: 1px solid var(--mi-blood) !important;
    color: var(--mi-text) !important;
    font-family: var(--mi-font-ui) !important;
    font-size: 0.8rem !important;
    letter-spacing: 0.08em !important;
    text-transform: uppercase !important;
    padding: 6px 14px !important;
    border-radius: 2px !important;
    cursor: pointer !important;
    background-image: none !important;
}

input[type="submit"]:hover,
input[type="button"]:hover,
.button1:hover,
.button2:hover,
a.button1:hover,
a.button2:hover {
    background: var(--mi-blood) !important;
    color: #fff !important;
    border-color: #c0392b !important;
}

label {
    color: var(--mi-text-dim) !important;
}

/* ── FORMS / INPUTS ─────────────────────────────────────────── */
input[type="text"],
input[type="password"],
input[type="email"],
input[type="search"],
select,
textarea {
    background-color: var(--mi-ink-light) !important;
    border: 1px solid var(--mi-border-gold) !important;
    color: var(--mi-text) !important;
    font-family: var(--mi-font-body) !important;
    border-radius: 2px !important;
}

input[type="text"]:focus,
input[type="password"]:focus,
textarea:focus,
select:focus {
    border-color: var(--mi-gold-dim) !important;
    outline: none !important;
    box-shadow: 0 0 5px rgba(201,168,76,0.2) !important;
}

/* ── SEARCH BOX ─────────────────────────────────────────────── */
#search-box,
#quick-search {
    background: var(--mi-ink-light) !important;
    border: 1px solid var(--mi-border-gold) !important;
}

/* ── PAGINATION ─────────────────────────────────────────────── */
.pagination span strong,
.pagination span a,
.pagination a {
    color: var(--mi-gold-dim) !important;
    font-family: var(--mi-font-ui) !important;
    font-size: 0.8rem !important;
}

.pagination span strong {
    color: var(--mi-gold) !important;
}

/* ── WHO IS ONLINE / STATISTICS ─────────────────────────────── */
.stat,
#wio_list,
#online-list {
    background-color: var(--mi-paper) !important;
    border: 1px solid var(--mi-border-gold) !important;
    color: var(--mi-text-dim) !important;
    font-family: var(--mi-font-body) !important;
}

.stat .header,
#wio_list .header {
    background: linear-gradient(180deg, #1e1a12 0%, var(--mi-paper) 100%) !important;
    border-bottom: 1px solid var(--mi-gold-dim) !important;
}

.stat .header h2,
.stat .header h3,
#wio_list .header h2 {
    color: var(--mi-gold) !important;
    font-family: var(--mi-font-head) !important;
    font-size: 0.95rem !important;
    text-transform: uppercase !important;
    letter-spacing: 0.06em !important;
}

/* ── FOOTER ─────────────────────────────────────────────────── */
#page-footer,
.footer {
    background-color: var(--mi-ink) !important;
    border-top: 3px solid var(--mi-gold) !important;
    box-shadow: 0 -2px 12px rgba(0,0,0,0.7), 0 -1px 0 rgba(212,180,88,0.1) !important;
    color: var(--mi-text-faint) !important;
    font-family: var(--mi-font-ui) !important;
    font-size: 0.75rem !important;
    letter-spacing: 0.05em !important;
    padding: 16px 0 !important;
}

#page-footer a,
.footer a {
    color: var(--mi-text-dim) !important;
}

#page-footer a:hover,
.footer a:hover {
    color: var(--mi-gold) !important;
}

/* phpBB Footer Badge */
.footer a[href*="phpbb.com"] img,
#phpbb-copyright img {
    opacity: 0.4 !important;
    filter: grayscale(100%) !important;
}

/* ── SCROLLBAR (Webkit) ─────────────────────────────────────── */
::-webkit-scrollbar {
    width: 8px;
    background: var(--mi-ink);
}

::-webkit-scrollbar-thumb {
    background: var(--mi-border-gold);
    border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
    background: var(--mi-gold-dim);
}

/* ── HEADINGS GLOBAL ────────────────────────────────────────── */
h1, h2, h3, h4 {
    font-family: var(--mi-font-head) !important;
    color: var(--mi-gold) !important;
}

/* ── HORIZONTAL RULES ───────────────────────────────────────── */
hr {
    border-color: var(--mi-border-gold) !important;
    border-top: 1px solid var(--mi-border-gold) !important;
}

/* ── ICONS (prosilver verwendet .icon Klassen) ──────────────── */
.icon-topic,
.icon-forum,
.icon-post {
    opacity: 0.7 !important;
    filter: sepia(60%) hue-rotate(10deg) !important;
}

/* Neue-Posts-Icon gold einfärben */
.icon-topic.new,
.forumrow .new-posts,
.icon-forum.new {
    filter: sepia(80%) saturate(300%) hue-rotate(10deg) !important;
    opacity: 1 !important;
}

/* ── MODERATOR BOX ──────────────────────────────────────────── */
.modbox,
.mod_info {
    background: var(--mi-blood-dark) !important;
    border: 1px solid var(--mi-blood) !important;
    color: var(--mi-text) !important;
    border-radius: 2px !important;
}

/* ── ANNOUNCEMENT / NOTICE ──────────────────────────────────── */
.notice,
.warning {
    background: var(--mi-blood-dark) !important;
    border-left: 3px solid var(--mi-blood) !important;
    color: var(--mi-text) !important;
    padding: 10px 14px !important;
}

/* ── TABLE ALTERNATING ROWS ─────────────────────────────────── */
.bg1, .bg2 {
    background-color: var(--mi-paper) !important;
}

.bg2 {
    background-color: var(--mi-ink-light) !important;
}

/* ── UCP / ACP PANELS ───────────────────────────────────────── */
.panel {
    background-color: var(--mi-paper) !important;
    border: 1px solid var(--mi-border-gold) !important;
}

.panel .inner,
.panel .content {
    background-color: var(--mi-paper) !important;
    color: var(--mi-text) !important;
}

/* ── MISC ───────────────────────────────────────────────────── */
.separator {
    border-color: var(--mi-border) !important;
}

.noMessage,
.error {
    color: #e57373 !important;
}

blockquote {
    background: var(--mi-ink-light) !important;
    border-left: 3px solid var(--mi-gold-dim) !important;
    color: var(--mi-text-dim) !important;
    padding: 8px 12px !important;
    font-style: italic !important;
}

code, .codebox pre {
    background: var(--mi-ink) !important;
    border: 1px solid var(--mi-border-gold) !important;
    color: #a8d8a8 !important;
    font-size: 0.85rem !important;
}

.codebox {
    background: var(--mi-ink) !important;
    border: 1px solid var(--mi-border-gold) !important;
}

/* ── FORUM CATEGORY HEADER ──────────────────────────────── */
.forabg {
    background-color: var(--mi-ink-light) !important;
    background-image: linear-gradient(to bottom, #1e1a12 0%, var(--mi-paper) 4px, var(--mi-ink-light) 100%) !important;
    background-repeat: repeat-x !important;
    border: 2px solid var(--mi-gold-dim) !important;
    border-top: 3px solid var(--mi-gold) !important;
    border-radius: 3px !important;
    box-shadow: 0 2px 12px rgba(0,0,0,0.7), inset 0 1px 0 rgba(212,180,88,0.08) !important;
    margin-bottom: 14px !important;
}

/* ── PROSILVER COLOUR OVERRIDES (dunkle Farben auf dunklem BG) ── */

/* .content ist überall — #333 wäre unsichtbar */
.content {
    color: var(--mi-text) !important;
}

/* Post-Links (first-unread, angesprungener Post) */
.post h3 a.first-unread,
.post:target h3 a {
    color: var(--mi-gold) !important;
}

/* Fette Texte in Zeilen */
li.row strong {
    color: var(--mi-text) !important;
}

/* Posterprofil Sidebar */
.postprofile {
    color: var(--mi-text-dim) !important;
}
.postprofile strong {
    color: var(--mi-text) !important;
}

/* Tabellen */
table.table1 td {
    color: var(--mi-text-dim) !important;
}
table.table1 tbody th,
table.table1 tbody tr:hover,
table.table1 tbody tr.hover,
table.info tbody th,
.panel-container table.table1 thead th {
    color: var(--mi-text) !important;
}

/* Details / FAQ */
dl.details dt,
dl.faq dt {
    color: var(--mi-text) !important;
}
dl.details dd {
    color: var(--mi-text-dim) !important;
}

/* PM aktuell */
.current {
    color: var(--mi-text) !important;
}

/* UCP / CP Elemente */
.panel-container h2 {
    color: var(--mi-gold) !important;
}
.panel-container .panel li.header dd,
.panel-container .panel li.header dt {
    color: var(--mi-text) !important;
}
dl.mini dt {
    color: var(--mi-text-dim) !important;
}

/* Navigation (UCP Seitenleiste) */
.navigation a {
    color: var(--mi-text-dim) !important;
    background: var(--mi-ink-light) !important;
}
.navigation a:hover {
    color: var(--mi-gold) !important;
    background: var(--mi-paper) !important;
}
.navigation .active-subsection a {
    color: var(--mi-gold) !important;
    background: var(--mi-paper-light) !important;
}

/* Tabs (UCP/MCP) */
.tabs .tab > a {
    color: var(--mi-text-dim) !important;
    background: var(--mi-ink-light) !important;
}
.tabs .tab > a:hover {
    color: var(--mi-gold) !important;
    background: var(--mi-paper) !important;
}
.tabs .activetab > a,
.tabs .activetab > a:hover {
    color: var(--mi-gold) !important;
    background: var(--mi-paper-light) !important;
}
.minitabs .activetab > a,
.minitabs .activetab > a:hover {
    color: var(--mi-text) !important;
    background: var(--mi-paper) !important;
}

/* Umfragen */
fieldset.polls dl {
    color: var(--mi-text-dim) !important;
}
fieldset.polls dl.voted {
    color: var(--mi-text) !important;
}

/* Anhänge */
.attachbox p,
.attachbox p.stats,
dl.file dd,
dl.thumbnail dd {
    color: var(--mi-text-dim) !important;
}

/* Formular Labels hover */
fieldset dl:hover dt label {
    color: var(--mi-text) !important;
}
dd label {
    color: var(--mi-text-dim) !important;
}

/* Inputbox (Texteingabefelder) */
.inputbox {
    background-color: var(--mi-ink-light) !important;
    border-color: var(--mi-border-gold) !important;
    color: var(--mi-text) !important;
}
.inputbox:-moz-placeholder,
.inputbox::-webkit-input-placeholder {
    color: var(--mi-text-faint) !important;
}

/* Copyright */
.copyright {
    color: var(--mi-text-faint) !important;
}

/* Benachrichtigungen */
.notification_list p.notification-time {
    color: var(--mi-text-faint) !important;
}

/* Dropdown */
.dropdown .dropdown-contents {
    background: var(--mi-paper) !important;
    border-color: var(--mi-border-gold) !important;
}
.dropdown-extended ul li:hover {
    background-color: var(--mi-paper-light) !important;
    color: var(--mi-text) !important;
}
.dropdown-extended .header,
.dropdown-extended .footer {
    background: var(--mi-ink-light) !important;
    color: var(--mi-text-dim) !important;
    border-color: var(--mi-border-gold) !important;
}

/* jQuery Alert/Popup */
.phpbb_alert {
    background-color: var(--mi-paper) !important;
    border-color: var(--mi-border-gold) !important;
    color: var(--mi-text) !important;
}

/* Post-Links im Fließtext */
.postlink {
    color: var(--mi-gold-dim) !important;
    border-bottom-color: var(--mi-gold-dim) !important;
}
.postlink:visited {
    color: var(--mi-text-dim) !important;
    border-bottom-color: var(--mi-text-faint) !important;
}
.postlink:hover {
    background-color: transparent !important;
    color: var(--mi-gold) !important;
}

/* ── SMOOTH TRANSITIONS ────────────────────────────────────── */
a,
.navbar li a,
.navbar li span,
input[type="submit"],
input[type="button"],
.button1, .button2, .button3,
a.button1, a.button2,
.topiclist .row,
.forumbg ul.topiclist li.row,
.navigation a,
.tabs .tab > a,
.dropdown-extended ul li,
.inputbox,
.icon-topic, .icon-forum, .icon-post {
    transition: all 0.2s ease !important;
}

/* ── SMOOTH SCROLLING ──────────────────────────────────────── */
html {
    scroll-behavior: smooth;
}

/* ── TEXT SELECTION ─────────────────────────────────────────── */
::selection {
    background: var(--mi-gold-dim) !important;
    color: var(--mi-ink) !important;
}
::-moz-selection {
    background: var(--mi-gold-dim) !important;
    color: var(--mi-ink) !important;
}

/* ── AVATAR STYLING ────────────────────────────────────────── */
.postprofile .avatar-container,
.postprofile .avatar img,
.postprofile img[src*="avatar"] {
    border-radius: 50% !important;
    border: 2px solid var(--mi-border-gold) !important;
    box-shadow: 0 0 8px rgba(201, 168, 76, 0.15) !important;
    transition: border-color 0.3s ease, box-shadow 0.3s ease !important;
}
.postprofile .avatar-container:hover,
.postprofile .avatar img:hover,
.postprofile img[src*="avatar"]:hover {
    border-color: var(--mi-gold) !important;
    box-shadow: 0 0 14px rgba(201, 168, 76, 0.35) !important;
}

/* ── BLOCKQUOTE VERBESSERT ─────────────────────────────────── */
blockquote {
    position: relative !important;
    margin: 12px 0 !important;
    border-radius: 2px !important;
}
blockquote::before {
    content: "\201C";
    position: absolute;
    top: -8px;
    left: 8px;
    font-family: var(--mi-font-head);
    font-size: 3rem;
    color: var(--mi-gold-dim);
    opacity: 0.3;
    line-height: 1;
}

/* ── SIGNATURE TRENNER ─────────────────────────────────────── */
.signature {
    border-top: 1px dashed var(--mi-border-gold) !important;
    margin-top: 16px !important;
    padding-top: 10px !important;
    color: var(--mi-text-faint) !important;
    font-size: 0.85rem !important;
    font-style: italic !important;
}

/* ── FOCUS ACCESSIBILITY ───────────────────────────────────── */
a:focus-visible,
input:focus-visible,
textarea:focus-visible,
select:focus-visible,
button:focus-visible {
    outline: 2px solid var(--mi-gold-dim) !important;
    outline-offset: 2px !important;
    box-shadow: 0 0 6px rgba(201, 168, 76, 0.3) !important;
}

/* ── POST HOVER AKZENT ─────────────────────────────────────── */
.post {
    transition: border-color 0.2s ease !important;
}
.post:hover {
    border-color: var(--mi-border-gold) !important;
}

/* ── RESPONSIVE ────────────────────────────────────────────── */
@media (max-width: 768px) {
    .site-name,
    #logo-desc .site-name {
        font-size: 1.4rem !important;
    }

    .site-desc,
    #logo-desc .site-desc {
        font-size: 0.75rem !important;
    }

    .headerbar {
        min-height: 60px !important;
    }

    .forumbg .header h2,
    .forumbg .header h2 a,
    .forumbg .header h2 span {
        font-size: 0.85rem !important;
    }

    .post .postbody {
        font-size: 0.9rem !important;
    }

    .navbar li a,
    .navbar li span {
        font-size: 0.65rem !important;
    }

    .postprofile {
        border-right: none !important;
        border-bottom: 1px solid var(--mi-border-gold) !important;
    }
}