/* ==========================================
   BELLEGRAVES · MOURNING VEIL
   V4.4 · INDIVIDUELLE FORENZEILEN
   ========================================== */

:root {
    --mvf-gold: #c6a17d;
    --mvf-cream: #f0dfce;
    --mvf-muted: #c3ada9;
    --mvf-wine: #713d50;
    --mvf-line: rgba(197,145,117,.35);
}

/* ==========================================
   FORENZEILEN
   ========================================== */

.mv-category .mv-forum-row {
    transition: background .25s ease;
}

.mv-category .mv-forum-row > td {
    vertical-align: middle;
    border-bottom: 1px solid rgba(183,132,115,.18) !important;
    padding: 19px 15px !important;
    background: #282028 !important;
}

.mv-category .mv-forum-row:nth-child(even) > td {
    background: #2d232b !important;
}

.mv-category .mv-forum-row:hover > td {
    background: #392a34 !important;
}

.mv-category .mv-forum-row:last-child > td {
    border-bottom: 0 !important;
}

/* ==========================================
   STATUSSYMBOL
   ========================================== */

.mv-category .mv-forum-status-cell {
    width: 72px !important;
    min-width: 65px;
    text-align: center;
}

.mv-category .mv-forum-status {
    display: inline-block;
    width: 40px;
    height: 40px;
    border-radius: 50%;

    border: 1px solid rgba(205,157,120,.65);

    box-shadow:
        0 4px 13px rgba(0,0,0,.3),
        inset 0 0 9px rgba(215,158,122,.12);

    transition:
        filter .25s ease,
        box-shadow .25s ease,
        transform .25s ease;
}

.mv-category .mv-forum-status:hover {
    transform: scale(1.06);
    box-shadow:
        0 0 18px rgba(193,130,107,.3),
        0 4px 12px rgba(0,0,0,.35);
}

/* Bestehende MyBB-Statusgrafiken bleiben erhalten. */

.mv-category .mv-forum-status.forum_on {
    filter: sepia(.4) saturate(1.1);
    border-color: #d9aa82;
    box-shadow:
        0 0 14px rgba(210,145,113,.25),
        inset 0 0 8px rgba(242,190,140,.2);
}

.mv-category .mv-forum-status.forum_off {
    filter: sepia(.45) saturate(.55);
    opacity: .8;
}

.mv-category .mv-forum-status.forum_offclose,
.mv-category .mv-forum-status.forum_offlink {
    opacity: .7;
}

/* ==========================================
   FORENTITEL UND INFORMATIONEN
   ========================================== */

.mv-category .mv-forum-info-cell {
    width: auto;
    min-width: 180px;
}

.mv-category .mv-forum-info {
    display: flex;
    flex-direction: column;
    gap: 7px;
    min-width: 0;
}

.mv-category .mv-forum-heading {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 5px 12px;
}

.mv-category .mv-forum-title {
    display: block;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 20px;
    font-weight: normal;
    line-height: 1.3;
}

.mv-category .mv-forum-title a {
    color: var(--mvf-cream) !important;
    text-decoration: none !important;

    transition: color .2s ease;
}

.mv-category .mv-forum-title a:hover {
    color: #f4cba8 !important;
}

.mv-category .mv-forum-description {
    color: #d0beb4 !important;
    font-family: Georgia, serif;
    font-size: 13px;
    line-height: 1.8;
}

.mv-category .mv-forum-extras {
    color: var(--mvf-muted);
    font-size: 12px;
    line-height: 1.7;
}

.mv-category .mv-forum-extras:empty {
    display: none;
}

.mv-category .mv-forum-extras a {
    color: #d9aaa2 !important;
}

.mv-category .mv-forum-extras a:hover {
    color: #f5d5bd !important;
}

/* ==========================================
   THEMEN UND BEITRÄGE
   ========================================== */

.mv-category .mv-forum-count-cell {
    width: 85px;
    min-width: 70px;
    text-align: center;
}

.mv-category .mv-forum-count {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 4px;

    min-width: 42px;
    min-height: 38px;

    padding: 6px 9px;

    border: 1px solid rgba(193,143,118,.2);
    border-radius: 13px;

    background: rgba(19,15,20,.28);

    color: #e4c8b4;
    font-family: Georgia, serif;
    font-size: 14px;
    line-height: 1.5;
    font-variant-numeric: tabular-nums;
}

.mv-category .mv-forum-count a {
    color: #eab9aa !important;
}

/* ==========================================
   LETZTER BEITRAG
   ========================================== */

.mv-category .mv-forum-lastpost-cell {
    width: 200px;
    min-width: 150px;
    text-align: left !important;
    white-space: normal !important;
}

.mv-category .mv-forum-lastpost {
    position: relative;
    min-width: 0;

    padding: 8px 12px;

    border-left: 2px solid rgba(191,140,111,.5);

    background: linear-gradient(
        90deg,
        rgba(109,61,76,.12),
        transparent
    );

    border-radius: 0 12px 12px 0;

    color: #cbb9b0;
    font-size: 12px;
    line-height: 1.8;

    overflow-wrap: anywhere;
}

.mv-category .mv-forum-lastpost a {
    color: #e6b5a8 !important;
}

.mv-category .mv-forum-lastpost a:hover {
    color: #ffe1c8 !important;
}

.mv-category .mv-forum-lastpost .smalltext {
    color: #bdaaa0 !important;
    line-height: 1.7;
}

/* ==========================================
   HARMONISCHE KATEGORIE
   ========================================== */

.mv-category {
    border-radius: 29px;
}

.mv-category .mv-category-table {
    width: 100%;
    table-layout: auto;
}

.mv-category .mv-category-title {
    gap: 14px;
}

.mv-category .mv-category-symbol {
    color: var(--mvf-gold);
    text-shadow: 0 0 12px rgba(214,164,112,.25);
}

/* ==========================================
   KLEINERE BILDSCHIRME
   ========================================== */

@media (max-width: 900px) {

    .mv-category .mv-forum-title {
        font-size: 18px;
    }

    .mv-category .mv-forum-row > td {
        padding: 14px 9px !important;
    }

    .mv-category .mv-forum-status-cell {
        width: 55px !important;
        min-width: 45px;
    }

    .mv-category .mv-forum-status {
        width: 34px;
        height: 34px;
    }

    .mv-category .mv-forum-lastpost-cell {
        min-width: 120px;
    }
}

@media (max-width: 650px) {

    /* Tabellenstruktur bleibt funktionsfähig.
       Bei vielen Spalten darf horizontal
       gescrollt werden, statt Inhalte zu
       überschneiden. */

    .mv-category {
        overflow-x: auto;
        border-radius: 19px;
    }

    .mv-category .mv-category-table {
        min-width: 590px;
    }

    .mv-category .mv-forum-description {
        font-size: 12px;
    }

    .mv-category .mv-forum-count {
        min-width: 32px;
        padding: 5px;
    }

    .mv-category .mv-forum-lastpost {
        padding: 6px 9px;
    }
}

/* ==========================================
   BARRIEREFREIHEIT
   ========================================== */

.mv-category a:focus-visible {
    outline: 2px solid #deb68e;
    outline-offset: 3px;
    border-radius: 3px;
}

@media (prefers-reduced-motion: reduce) {

    .mv-category .mv-forum-row,
    .mv-category .mv-forum-status,
    .mv-category .mv-forum-title a {
        transition: none;
    }
}