/* TDF ENGINE - CLASSIC PORTAL STYLE 2026 */
:root {
    --td-shadow: 0 4px 15px rgba(0,0,0,0.05);
    --td-radius: 12px;
}

body { background: #f0f2f5; font-family: 'Inter', sans-serif; margin: 0; padding: 0; color: #1c1e21; scroll-behavior: smooth; }
.container { max-width: 1350px; margin: 0 auto; width: 95%; }

/* Header & Nav */
header { background: #1a1a1a; border-bottom: 4px solid var(--td-bordo); padding: 15px 0; color: #fff; }
.header-inner { display: flex; justify-content: space-between; align-items: center; }
.logo a { color: #fff; text-decoration: none; font-size: 24px; font-weight: 800; }
.logo span { color: var(--td-bordo); }
.nav-user { display: flex; align-items: center; gap: 15px; }
.nav-user a { color: #fff; text-decoration: none; font-size: 13px; font-weight: 600; }

/* Ticker */
.ticker-container { background: #2c3e50; color: #fff; height: 42px; display: flex; align-items: center; border-radius: 8px; overflow: hidden; border-left: 6px solid var(--td-bordo); }
.ticker-label { background: var(--td-bordo); padding: 0 20px; height: 100%; display: flex; align-items: center; font-weight: 800; font-size: 12px; }
.ticker-content { flex: 1; padding: 0 15px; }
.ticker-content a { color: #fff; text-decoration: none; font-weight: 600; }

/* Grids */
.portal-row-3 { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
.portal-row-2 { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }

/* Widgets */
.widget { background: #fff; border-radius: var(--td-radius); border: 1px solid #e4e6eb; box-shadow: var(--td-shadow); overflow: hidden; }
.widget-head { background: #f8f9fa; padding: 12px 15px; font-weight: 800; font-size: 12px; border-bottom: 2px solid var(--td-bordo); text-transform: uppercase; color: #2c3e50; }
.widget-item { padding: 12px 15px; border-bottom: 1px solid #f0f2f5; display: flex; justify-content: space-between; align-items: center; font-size: 13px; }
.widget-item a { text-decoration: none; color: #1c1e21; font-weight: 700; }
.badge { background: #f1f5f9; color: var(--td-bordo); padding: 3px 10px; border-radius: 6px; font-weight: 800; font-size: 11px; }

/* --- FORUM CARD & MILIMETRIK IZGARA --- */
.forum-card { background: #fff; border-radius: var(--td-radius); border: 1px solid #e4e6eb; box-shadow: var(--td-shadow); margin-bottom: 30px; overflow: hidden; }

/* Kategori Başlık Hizalaması */
.cat-header-main { background: #2c3e50; color: #fff; display: flex; align-items: center; height: 50px; border-left: 6px solid var(--td-bordo); }
.cat-title-part { flex: 1; padding-left: 20px; font-weight: 700; font-size: 16px; }
.cat-title-part a { color: #fff; text-decoration: none; }

.cat-stats-part { display: flex; width: 550px; height: 100%; align-items: center; text-align: center; background: rgba(0,0,0,0.1); }
.c-head-last { width: 250px; font-size: 11px; font-weight: 800; text-transform: uppercase; border-left: 1px solid rgba(255,255,255,0.1); }
.c-head-stat { width: 100px; font-size: 11px; font-weight: 800; text-transform: uppercase; border-left: 1px solid rgba(255,255,255,0.1); }

/* Tablo Hücre Hizalaması */
.forum-table { width: 100%; border-collapse: collapse; table-layout: fixed; }
.forum-row { border-bottom: 1px solid #f0f2f5; transition: 0.2s; }
.forum-row:nth-child(even) { background: #fafafa; }
.forum-row td { padding: 18px 20px; vertical-align: middle; border-right: 1px solid #f0f2f5; }

.forum-info { width: auto; }
.forum-last-msg-col { width: 210px; } 
.f-stat-col { width: 60px; text-align: center; font-weight: 800; color: #333; font-size: 15px; }

/* Sütun Dolgu Farkı (Zebra Sütun) */
.stat-alt { background: rgba(0,0,0,0.02); }

.forum-flex { display: flex; align-items: center; gap: 15px; }
.forum-icon { min-width: 40px; font-size: 26px; color: var(--td-bordo); text-align: center; }
.forum-icon img { width: 35px; height: 35px; object-fit: contain; }
.forum-title { font-weight: 800; color: #1c1e21; text-decoration: none; font-size: 16px; display: block; margin-bottom: 4px; }
.forum-desc { color: #64748b; font-size: 13px; display: block; }

.lp-link { font-weight: 700; font-size: 13px; color: #2c3e50; text-decoration: none; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.lp-date { font-size: 11px; color: #94a3b8; }

/* Footer Stats */
.rich-footer-stats { background: #fff; border: 1px solid #e4e6eb; border-radius: 8px; overflow: hidden; margin-bottom: 40px; }
.rf-head { background: #333; color: #fff; padding: 12px 15px; font-size: 12px; font-weight: 800; border-bottom: 3px solid var(--td-bordo); }
.rf-grid { display: grid; grid-template-columns: repeat(5, 1fr); padding: 30px; text-align: center; }
.rf-item b { display: block; font-size: 24px; margin-bottom: 5px; }
.rf-item span { font-size: 11px; color: #94a3b8; font-weight: 700; text-transform: uppercase; }

/* Scroll Buttons */
.scroll-btns { position: fixed; bottom: 30px; right: 30px; display: flex; flex-direction: column; gap: 10px; z-index: 1000; }
.s-btn { width: 45px; height: 45px; background: var(--td-bordo); color: #fff; border: none; border-radius: 50%; cursor: pointer; box-shadow: 0 4px 10px rgba(0,0,0,0.2); font-size: 18px; display: flex; align-items: center; justify-content: center; }

/* Main Footer */
.main-footer { background: #1a1a1a; color: #94a3b8; padding: 50px 0; border-top: 5px solid var(--td-bordo); }
.footer-links a { color: #fff; text-decoration: none; margin: 0 10px; font-weight: 600; }

.user-mini-grid { padding: 15px; display: flex; flex-wrap: wrap; gap: 10px; }
.user-mini-grid img { width: 42px; height: 42px; border-radius: 50%; object-fit: cover; border: 2px solid #fff; box-shadow: 0 2px 5px rgba(0,0,0,0.1); }

/* --- MOBİL SİHİRLİ DOKUNUŞLAR --- */
@media (max-width: 992px) {
    /* İstatistik başlıklarını ve sütunlarını gizle */
    .cat-stats-part, .f-stat-col, .forum-last-msg-col { display: none !important; }
    
    /* Tabloyu esnek hale getir */
    .forum-table { table-layout: auto; }
    .forum-row td { border-right: none; padding: 15px; }
    
    /* İstatistik ızgaralarını 2 sütuna düşür */
    .portal-row-3, .portal-row-2, .rf-grid { grid-template-columns: repeat(2, 1fr) !important; gap: 10px; }
    
    /* Açıklamayı mobilde kısalt */
    .forum-desc {
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }
}

@media (max-width: 480px) {
    /* Çok küçük ekranlarda istatistikleri tek sütun yap */
    .portal-row-3, .portal-row-2, .rf-grid { grid-template-columns: 1fr !important; }
    .logo a { font-size: 18px; }
    .nav-user a { font-size: 11px; }
}