@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&display=swap');

:root {
    --bg: #ffffff;
    --text: #111827;
    --muted: #6b7280;
    --border: #eff2f5;
    --gold: #d4af37;
    --light-bg: #f8fafd;
}

/* Sticky Footer Yapısı */
* { margin: 0; padding: 0; box-sizing: border-box; }

html, body {
    height: 100%;
}

body { 
    font-family: 'Inter', sans-serif; 
    background: var(--bg); 
    color: var(--text);
    display: flex;
    flex-direction: column;
}

.container { 
    max-width: 1140px; 
    margin: 0 auto; 
    padding: 0 20px; 
    width: 100%;
}

main {
    flex: 1 0 auto; /* İçeriği yayar, footer'ı aşağı iter */
}

/* Header */
.header { border-bottom: 1px solid var(--border); padding: 15px 0; }
.nav-container { display: flex; justify-content: space-between; align-items: center; }
.logo { font-weight: 800; font-size: 1.4rem; letter-spacing: -1px; color: #000; text-decoration: none; }
.nav-links { display: flex; list-style: none; gap: 20px; }
.nav-links a { text-decoration: none; color: var(--muted); font-size: 14px; font-weight: 600; }
.nav-links a.active { color: #000; }

/* Page Content */
.page-header { margin: 40px 0 25px 0; }
.page-header h2 { font-size: 26px; font-weight: 700; }
.page-header p { color: var(--muted); font-size: 14px; margin-top: 5px; }

/* Tabs */
.tabs { display: flex; gap: 10px; margin-bottom: 25px; }
.tab-btn {
    border: 1px solid var(--border);
    background: #f8fafd;
    padding: 10px 20px;
    border-radius: 10px;
    font-size: 13px;
    font-weight: 700;
    cursor: pointer;
    color: var(--muted);
    transition: 0.2s;
}
.tab-btn.active { background: #000; color: #fff; border-color: #000; }

/* Table */
.table-container { border: 1px solid var(--border); border-radius: 12px; overflow: hidden; background: #fff; }
table { width: 100%; border-collapse: collapse; }
th { background: #f8f9fa; padding: 15px; text-align: left; font-size: 12px; color: var(--muted); border-bottom: 1px solid var(--border); }
td { padding: 20px 15px; border-bottom: 1px solid var(--border); font-size: 14px; }
tr:hover { background-color: #f9fafb; transition: 0.2s; }

/* Score Visualization */
.score-row { display: flex; align-items: center; gap: 12px; }
.bar-outer { width: 100px; height: 8px; background: #eee; border-radius: 4px; overflow: hidden; }
.bar-inner { height: 100%; background: linear-gradient(90deg, #d4af37, #f1c40f); border-radius: 4px; }

/* Footer - Gri, Şeffaf ve Daha Küçük */
.footer { 
    flex-shrink: 0;
    margin-top: 60px; 
    padding: 25px 0; 
    border-top: 1px solid var(--border); 
    text-align: center; 
    font-size: 12px; 
    color: rgba(107, 114, 128, 0.7); /* Şeffaf gri tonu */
    background-color: rgba(248, 249, 250, 0.5); /* Çok hafif şeffaf arka plan */
}

.footer p {
    font-weight: 400;
    letter-spacing: 0.2px;
}

/* Öne çıkan satır stili */
tr.featured-row {
    background-color: rgba(212, 175, 55, 0.05); /* Çok hafif altın şeffaflığı */
    border-left: 4px solid var(--gold); /* Sol tarafa ince bir altın şeridi */
}

.badge-featured {
    font-size: 10px;
    background: var(--gold);
    color: white;
    padding: 2px 6px;
    border-radius: 4px;
    margin-left: 8px;
    text-transform: uppercase;
}

.sponsor-header-row td {
    border-bottom: none !important;
    pointer-events: none; /* Tıklanamaz yapar */
    text-transform: uppercase;
}

tr.featured-row {
    background-color: #fffdf5 !important; /* Çok hafif altın sarısı arka plan */
}

.badge-partner {
    font-size: 9px;
    background: #fff4cc;
    color: #b8860b;
    border: 1px solid #f0e68c;
    padding: 2px 5px;
    border-radius: 4px;
    font-weight: 700;
}