﻿/* ================= FORUM (anasayfa) =================
     < 992px  : mobil — konu solda, "kişi · saat" sağda turuncu
     >= 992px : masaüstü — yıldız | konu + mesaj | kişi | saat
*/

/* ---------- Başlıklar ---------- */
.FrBaslikSatir {
    align-items: center;
    gap: 16px;
}

    .FrBaslikSatir .DVBolumBaslikP0px {
        flex: 1 1 auto;
        min-width: 0;
    }

.FrForumaGit {
    flex-shrink: 0;
    color: #eaad14;
    font-size: .85rem;
    text-decoration: none;
}

    .FrForumaGit:hover {
        color: #fff;
    }

.FrMobilBaslik {
    justify-content: space-between;
    align-items: center;
    padding-bottom: 14px;
    margin-bottom: 18px;
    border-bottom: 1px solid #444;
}

.FrMobilBaslikSol {
    display: flex;
    align-items: center;
    gap: 12px;
    text-decoration: none;
}

    .FrMobilBaslikSol h2 {
        margin: 0;
        color: #fff;
        font-size: 1.5rem;
        font-weight: 700;
    }

.FrKare {
    width: 20px;
    height: 20px;
    background: #eaad14;
    flex-shrink: 0;
}

.FrMobilBaslik .FrForumaGit {
    font-size: 1.05rem;
}

/* ---------- Gün grupları ---------- */
.FrListe {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.FrGunBaslik {
    display: flex;
    align-items: baseline;
    gap: 8px;
    padding: 8px 12px;
    background: #353535;
    /*border-left: 3px solid #6aa94c;*/
}

.FrTarih {
    color: #878787;
    font-size: .95rem;
    font-weight: 500;
}

.FrGunAdi {
    color: #9a9a9a;
    font-size: .75rem;
}

.FrGunSayi {
    margin-left: auto;
    color: #9a9a9a;
    font-size: .72rem;
}

/* ---------- Satır ---------- */
.FrSatir {
    display: grid;
    grid-template-columns: 16px minmax(0, 1fr) auto;
    align-items: center;
    column-gap: 8px;
    padding: 8px 4px 8px 6px;
    border-bottom: 1px solid #3a3a3a;
}

.FrYildiz .demo-icon {
    width: auto;
    margin: 0;
    font-size: 12px;
    color: #f0a020;
}

.FrMetin {
    display: block;
    min-width: 0;
    text-decoration: none;
}

.FrKonu,
.FrMesaj {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.FrKonu {
    color: #fff;
    font-size: .85rem;
    line-height: 1.35;
}

.FrMesaj {
    color: #8a8f96;
    font-size: .72rem;
    line-height: 1.4;
}

.FrMetin:hover .FrKonu {
    color: #eaad14;
}

.FrSag {
    display: flex;
    align-items: center;
    gap: 4px;
    color: #f0a020;
    font-size: .8rem;
    white-space: nowrap;
}

.FrKisi {
    max-width: 120px;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #f0a020;
    text-decoration: none;
}

    .FrKisi:hover {
        text-decoration: underline;
    }

    .FrKisi.FrYonetici {
        color: #7cc04b;
    }

/* ---------- Alt satır ---------- */
.FrAlt {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 14px;
    font-size: .75rem;
    margin-bottom: 30px;
}

.FrLejant {
    display: flex;
    align-items: center;
    gap: 6px;
    color: #9a9a9a;
}

    .FrLejant i {
        width: 9px;
        height: 9px;
        border-radius: 50%;
        background: #7cc04b;
    }

.FrTumu {
    color: #eaad14;
    text-decoration: none;
}

    .FrTumu:hover {
        color: #fff;
    }


/* ===================== >= 992px : masaüstü ===================== */
@media (min-width: 992px) {

    .FrListe {
        gap: 10px;
        margin-top: 16px;
    }

    .FrTarih {
        color: #878787;
        font-weight: 600;
    }

    .FrGunAdi {
        font-size: .8rem;
    }

    .FrSatir {
        grid-template-columns: 18px minmax(0, 1fr) auto;
        column-gap: 10px;
        padding: 7px 12px 7px 8px;
    }

    .FrSag {
        gap: 14px;
        font-size: .82rem;
    }

    .FrKisi {
        max-width: 140px;
        color: #9ec5ff;
    }

    .FrNokta {
        display: none;
    }

    .FrSaat {
        width: 40px;
        text-align: right;
        color: #bbb;
    }
}




.FrKonuBlok {
    margin-bottom: 6px;
}

.FrKonuSatir .FrKonu {
    font-weight: 600;
}

.FrKonuAdet {
    color: #8a8a8a;
    font-size: .72rem;
    white-space: nowrap;
}

.FrMesajSatir .FrMetin {
    padding-left: 10px;
    border-left: 2px solid #3a3a3a;
}

.FrMesajSatir .FrMesaj {
    color: #c9c8c8;
}



/* ===================== >= 1200px : Forum alt hizası = Foto Forum alt hizası ===================== */
@media (min-width: 1200px) {

    .FrKolon {
        display: flex !important; /* d-lg-block'u ezer */
        flex-direction: column;
    }

        /* Liste kendi içeriğiyle kolonu uzatmaz; sağ kolonun verdiği yüksekliği doldurur */
        .FrKolon .FrListe {
            flex: 1 1 0;
            min-height: 0;
            overflow: hidden;
        }

        .FrKolon .FrAlt {
            flex: 0 0 auto;
        }

    /* Foto forumda son kartın alt boşluğu hizayı kaydırmasın */
    .DVASFotoForumGenel > a:last-child {
        margin-bottom: 0;
    }
}

.fr-gizli {
    display: none !important;
}