/* Genel Stiller ve Koyu Tema */
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap');



body {
    font-family: 'Roboto', sans-serif;
    background-color: #121212;
    color: #e0e0e0;
    margin: 0;
    padding: 20px;
}

.container {
    max-width: 900px;
    margin: 0 auto;
    padding: 20px;
    background-color: #1e1e1e;
    border-radius: 10px;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.5);
}

h1, h2 {
    color: #ffffff;
    text-align: center;
    border-bottom: 2px solid #e53935;
    padding-bottom: 10px;
    margin-bottom: 20px;
}

h1 {
    font-size: 2.5em;
}

h2 {
    font-size: 1.8em;
}

.transfer-list {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

/* Transfer Kart覺 Stili */
.transfer-card {
    display: flex;
    align-items: center;
    background-color: #2a2a2a;
    border: 1px solid #424242;
    border-radius: 8px;
    padding: 15px;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.transfer-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 5px 20px rgba(229, 57, 53, 0.3);
}

.player-info {
    display: flex;
    align-items: center;
    flex-grow: 1;
}

.player-image {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    object-fit: cover;
    margin-right: 15px;
    border: 2px solid #e53935;
}



.player-details p {
    margin: 5px 0 0;
    color: #b0b0b0;
    font-size: 0.9em;
}



.team-logo {
    width: 40px;
    height: 40px;
    object-fit: contain;
}

.arrow {
    font-size: 1.5em;
    color: #e53935;
}

.status {
    padding: 5px 10px;
    border-radius: 5px;
    font-weight: bold;
    font-size: 0.9em;
    margin-left: 20px;
}

.status.resmi {
    background-color: #4CAF50;
    color: white;
}

.status.soylenti {
    background-color: #FFC107;
    color: #121212;
}

.no-transfer {
    text-align: center;
    padding: 30px;
    font-size: 1.2em;
    color: #757575;
}

/* --- Sayfalama Stilleri --- */
.pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 30px;
    padding: 10px;
    gap: 8px; /* Butonlar arası boşluk */
}

.pagination a {
    color: #e0e0e0;
    text-decoration: none;
    padding: 8px 15px;
    border: 1px solid #424242;
    border-radius: 5px;
    transition: background-color 0.3s, color 0.3s;
}

/* Fare ile üzerine gelindiğinde */
.pagination a:hover {
    background-color: #e53935;
    color: #ffffff;
    border-color: #e53935;
}

/* Aktif sayfa butonu */
.pagination a.active {
    background-color: #e53935;
    color: #ffffff;
    border-color: #e53935;
    cursor: default; /* Aktif butona tekrar tıklanamaz */
}

/* --- Oyuncu Detay Sayfası Stilleri --- */
.back-link {
    display: inline-block;
    color: #e0e0e0;
    text-decoration: none;
    margin-bottom: 20px;
    padding: 8px 12px;
    background-color: #333;
    border-radius: 5px;
    transition: background-color 0.3s;
}

.back-link:hover {
    background-color: #e53935;
}

.player-profile-card {
    background-color: #2a2a2a;
    border-radius: 8px;
    padding: 25px;
    display: flex;
    align-items: center;
    gap: 25px;
    margin-bottom: 30px;
}

.profile-image {
    width: 120px;
    height: 120px;
    border-radius: 50%;
    object-fit: cover;
    border: 3px solid #e53935;
}

.profile-details h1 {
    margin: 0;
    font-size: 2.8em;
    border: none;
    text-align: left;
    padding: 0;
}

.profile-details p {
    margin: 5px 0 0;
    font-size: 1.2em;
    color: #b0b0b0;
}

/* Ana sayfadaki oyuncu linki için */
a.player-name-link {
    text-decoration: none;
    color: inherit;
    transition: color 0.3s;
}

a.player-name-link:hover h3 {
    color: #e53935;
}


/* Detay sayfasındaki transfer kartı için ek stiller */
.history-card {
    align-items: center;
    justify-content: space-between;
}

.history-date {
    font-size: 0.9em;
    color: #9e9e9e;
    min-width: 90px;
}

.history-arrow {
    font-size: 2em;
    margin: 0 20px;
}

.team-block {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 5px;
}

.team-block span {
    font-size: 0.8em;
    color: #b0b0b0;
}

.history-details {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 8px;
    min-width: 150px;
    text-align: right;
}

.history-details .fee {
    font-weight: bold;
    color: #fff;
}

/* --- Filtreleme Bölümü Stilleri --- */
.filter-section {
    background-color: #2a2a2a;
    padding: 20px;
    border-radius: 8px;
    margin-bottom: 30px;
    border: 1px solid #424242;
}

.filter-form {
    display: flex;
    gap: 15px;
    align-items: center;
}

.filter-form input[type="text"],
.filter-form select {
    padding: 10px;
    border-radius: 5px;
    border: 1px solid #555;
    background-color: #333;
    color: #e0e0e0;
    font-size: 1em;
}

.filter-form input[type="text"] {
    flex-grow: 1; /* Arama kutusunun boş alanı doldurmasını sağlar */
}

.filter-form button,
.filter-form .reset-button {
    padding: 10px 20px;
    border: none;
    border-radius: 5px;
    color: #fff;
    cursor: pointer;
    font-weight: bold;
    text-decoration: none;
    font-size: 1em;
    transition: background-color 0.3s;
}

.filter-form button {
    background-color: #e53935; /* Kırmızı tema rengi */
}

.filter-form button:hover {
    background-color: #c62828;
}

.filter-form .reset-button {
    background-color: #555;
}

.filter-form .reset-button:hover {
    background-color: #777;
}

/* --- Takım Detay Sayfası Stilleri --- */

/* Takım logosunun yuvarlak değil, orijinal kalmasını sağlar */
.team-profile-logo {
    border-radius: 0;
    border: none;
    background-color: #fff; /* Logo transparan ise arka planı beyaz yapar */
    padding: 10px;
}

/* Takım isimlerini tıklanabilir yapmak için */
a.team-name-link {
    text-decoration: none;
    color: inherit;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    transition: opacity 0.3s;
}

a.team-name-link:hover {
    opacity: 0.8;
}

/* Gelen/Giden transfer sütunları için */
.team-transfer-columns {
    display: flex;
    gap: 30px;
    margin-top: 30px;
}

.transfer-column {
    flex: 1;
    background-color: #1e1e1e;
    padding: 20px;
    border-radius: 8px;
    border: 1px solid #424242;
}

.transfer-column h2 {
    margin-top: 0;
    font-size: 1.5em;
    border-bottom: 2px solid #e53935;
    padding-bottom: 10px;
}

.player-list {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.player-list-item a {
    display: flex;
    align-items: center;
    gap: 15px;
    background-color: #2a2a2a;
    padding: 10px;
    border-radius: 5px;
    text-decoration: none;
    color: #e0e0e0;
    transition: background-color 0.3s;
}

.player-list-item a:hover {
    background-color: #3c3c3c;
}

.player-list-item img {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    object-fit: cover;
}

.player-list-info {
    display: flex;
    flex-direction: column;
}

.player-list-info strong {
    font-size: 1.1em;
    color: #fff;
}

.player-list-info span {
    font-size: 0.9em;
    color: #b0b0b0;
}

.no-transfer-in-list {
    color: #757575;
    padding: 20px 0;
    text-align: center;
}

/* --- Transfer Etiketleri için Stiller --- */
.transfer-tag {
    padding: 4px 8px;
    border-radius: 4px;
    font-size: 0.8em;
    font-weight: bold;
    color: #fff;
    margin-left: auto; /* Etiketi sağa yaslar */
    flex-shrink: 0; /* Küçülmesini engeller */
}

.tag-gelen {
    background-color: #4CAF50; /* Yeşil */
}

.tag-giden {
    background-color: #e53935; /* Kırmızı */
}

.tag-soylenti {
    background-color: #FFC107; /* Sarı */
    color: #121212;
}

/* Mevcut player-list-item stilini güncelleyerek etiketin düzgün durmasını sağlıyoruz */
.player-list-item a {
    flex-grow: 1; /* Linkin mevcut alanı doldurmasını sağlar */
}

.player-list-item {
    display: flex; /* Ana container'ı flex yapıyoruz */
    align-items: center;
    justify-content: space-between; /* İçerik ve etiketi iki uca yaslar */
}

/* --- Piyasa Değeri ve Sözleşme Stilleri --- */

/* Anasayfa ve diğer kartlardaki detaylar için */
.player-details .detail-item {
    margin: 2px 0 0;
    font-size: 0.9em;
    color: #b0b0b0;
}

.player-details .detail-item.fee {
    font-weight: bold;
    color: #fff;
}

/* Oyuncu Detay sayfasındaki Piyasa Değeri */
.market-value {
    margin-top: 15px;
    padding: 8px 12px;
    background-color: rgba(255, 193, 7, 0.1); /* Sarı'nın şeffaf hali */
    border: 1px solid #FFC107;
    border-radius: 5px;
    color: #FFC107;
    font-size: 1.1em;
    display: inline-block;
}

.market-value strong {
    color: #fff;
}

/* --- Haber Sayfası Stilleri --- */
.news-list { display: flex; flex-direction: column; gap: 20px; }
.news-card a { display: flex; gap: 20px; background: #2a2a2a; border-radius: 8px; text-decoration: none; color: #e0e0e0; overflow: hidden; transition: background-color 0.3s; }
.news-card a:hover { background-color: #3c3c3c; }
.news-card img { width: 250px; height: 160px; object-fit: cover; }
.news-content { padding: 15px; }
.news-content h3 { margin: 0 0 10px; color: #fff; }
.news-content p { margin: 0 0 10px; }
.news-content small { color: #888; }

.news-detail-container h1 { font-size: 2.5em; text-align: left; border: none; }
.news-detail-image { width: 100%; max-height: 400px; object-fit: cover; border-radius: 8px; margin-bottom: 20px; }
.news-detail-content { line-height: 1.7; font-size: 1.1em; }
.news-detail-content p { margin-bottom: 1.5em; }

/* --- İlgili İçerik Bloğu Stili --- */
.related-content {
    margin-top: 40px;
    padding-top: 20px;
    border-top: 1px solid #424242;
}
.related-content h2 {
    text-align: left;
    border: none;
    font-size: 1.8em;
}
.related-content ul {
    list-style: none;
    padding: 0;
}
.related-content ul li a {
    display: block;
    padding: 10px;
    background-color: #2a2a2a;
    color: #e0e0e0;
    text-decoration: none;
    border-radius: 5px;
    margin-bottom: 10px;
    transition: background-color 0.3s;
}
.related-content ul li a:hover {
    background-color: #e53935;
    color: #fff;
}

/* --- Haber Detay Sayfası Düzeni ve Kenar Çubuğu Stilleri --- */
.news-layout {
    display: flex;
    flex-wrap: wrap; /* Küçük ekranlar için */
    gap: 40px;
}

.news-main-content {
    flex: 3; /* Sol sütun daha geniş olsun */
    min-width: 300px; /* Küçük ekranlarda daralmasını sağlar */
}

.news-sidebar {
    flex: 1; /* Sağ sütun daha dar olsun */
    min-width: 250px;
}

.p.news-date {
    color: #999;
    font-size: 0.9em;
    margin-bottom: 20px;
}

.sidebar-block {
    margin-bottom: 30px;
}

.sidebar-block h3 {
    font-size: 1.4em;
    color: #fff;
    border-bottom: 2px solid #e53935;
    padding-bottom: 10px;
    margin-bottom: 15px;
}

.related-entity-card {
    display: flex;
    align-items: center;
    gap: 15px;
    background-color: #2a2a2a;
    padding: 10px;
    border-radius: 8px;
    text-decoration: none;
    color: #e0e0e0;
    margin-bottom: 10px;
    transition: transform 0.2s ease, background-color 0.2s ease;
}

.related-entity-card:hover {
    transform: scale(1.03);
    background-color: #3c3c3c;
}

.related-entity-card img {
    width: 50px;
    height: 50px;
    object-fit: cover;
}

.related-entity-card img.player-photo {
    border-radius: 50%;
}

.related-entity-card img.team-logo {
    background-color: #fff;
    padding: 5px;
    border-radius: 5px;
}

.related-entity-card span {
    font-weight: bold;
    font-size: 1.1em;
}

/* --- Ana Navigasyon ve Footer Stilleri --- */
.main-nav { background-color: #1e1e1e; border-bottom: 2px solid #e53935; padding: 10px 0; }
.nav-container { display: flex; justify-content: space-between; align-items: center; }
.logo { font-size: 1.5em; font-weight: bold; color: #fff; text-decoration: none; }
.nav-links a { color: #e0e0e0; text-decoration: none; margin: 0 15px; font-weight: 500; }
.user-actions { display: flex; align-items: center; gap: 15px; }
.user-actions span { color: #fff; }
.user-actions .button { background-color: #e53935; color: #fff; padding: 8px 15px; border-radius: 5px; text-decoration: none; font-weight: bold; }
.user-actions .button.secondary { background-color: transparent; border: 1px solid #e53935; }
.page-content { padding-top: 30px; padding-bottom: 30px; }
.main-footer { text-align: center; padding: 20px; background: #1e1e1e; border-top: 1px solid #424242; margin-top: 40px; }

/* --- Yorumlar Bölümü Stilleri --- */
.comments-section {
    margin-top: 40px;
    padding-top: 20px;
    border-top: 1px solid #424242;
}

.comments-section h3 {
    font-size: 1.6em;
    margin-bottom: 20px;
    color: #fff;
}

.comment-form-container {
    background-color: #2a2a2a;
    padding: 20px;
    border-radius: 8px;
    margin-bottom: 30px;
}

.comment-form-container textarea {
    width: 100%;
    box-sizing: border-box;
    padding: 10px;
    border-radius: 5px;
    border: 1px solid #555;
    background-color: #333;
    color: #e0e0e0;
    font-size: 1em;
    resize: vertical;
}

.comment-form-container button {
    margin-top: 10px;
    padding: 10px 20px;
    border: none;
    border-radius: 5px;
    background-color: #e53935;
    color: #fff;
    cursor: pointer;
    font-weight: bold;
}

.login-prompt {
    text-align: center;
    padding: 20px;
    font-size: 1.1em;
}
.login-prompt a {
    color: #e53935;
    font-weight: bold;
    text-decoration: none;
}

.comments-list .comment-item {
    background-color: #2a2a2a;
    padding: 15px;
    border-radius: 8px;
    margin-bottom: 15px;
    border-left: 4px solid #e53935;
}

.comment-author {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px;
}

.comment-author strong {
    color: #fff;
}

.comment-author small {
    color: #999;
    font-size: 0.8em;
}

.comment-text {
    color: #e0e0e0;
    line-height: 1.6;
    margin: 0;
}

/* --- Transfer Oylama Bölümü Stilleri --- */
.vote-section {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    margin-left: 20px;
    padding-left: 20px;
    border-left: 1px solid #424242;
}

.vote-btn {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 5px 10px;
    border-radius: 20px;
    text-decoration: none;
    font-size: 1.2em;
    color: #fff;
    background-color: #3a3a3a;
    transition: transform 0.2s ease, background-color 0.2s ease;
}

.vote-btn:hover {
    transform: scale(1.1);
}

.vote-btn.good-vote:hover {
    background-color: #4CAF50;
}

.vote-btn.bad-vote:hover {
    background-color: #f44336;
}

.vote-count {
    font-size: 0.8em;
    font-weight: bold;
    min-width: 15px;
    text-align: center;
}

/* --- Takip Sistemi Stilleri --- */
.follow-container {
    margin-left: auto; /* Konteynırı sağa yaslar */
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 15px;
}

.follower-count {
    background: #2a2a2a;
    padding: 10px 15px;
    border-radius: 8px;
}

.follower-count strong {
    display: block;
    font-size: 2em;
    color: #fff;
    font-weight: 700;
}

.follower-count span {
    font-size: 0.9em;
    color: #b0b0b0;
}

.follow-btn {
    display: block;
    width: 150px;
    padding: 12px;
    border-radius: 5px;
    text-decoration: none;
    font-weight: bold;
    color: #fff;
    background-color: #e53935;
    transition: background-color 0.3s;
}

.follow-btn:hover {
    background-color: #c62828;
}

/* Kullanıcı zaten takip ediyorsa butonun stili */
.follow-btn.following {
    background-color: #616161;
    color: #e0e0e0;
}

.follow-btn.following:hover {
    background-color: #424242;
}

/* Profil kartını takip bölümünü alacak şekilde güncelle */
.player-profile-card {
    align-items: flex-start; /* Elemanları üste hizala */
}
/* --- Takım Kadrosu Bölümü Stilleri --- */
.team-squad {
    background-color: #1e1e1e;
    padding: 20px;
    border-radius: 8px;
    margin-bottom: 30px;
}

.team-squad h2 {
    margin-top: 0;
    border-bottom: 2px solid #e53935;
    padding-bottom: 10px;
}

.squad-list {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: 15px;
}

.squad-player-card {
    display: flex;
    align-items: center;
    gap: 15px;
    background-color: #2a2a2a;
    padding: 10px;
    border-radius: 8px;
    text-decoration: none;
    color: #e0e0e0;
    transition: background-color 0.3s;
}

.squad-player-card:hover {
    background-color: #3c3c3c;
}

.squad-player-card .forma-no {
    font-size: 1.5em;
    font-weight: bold;
    color: #777;
    width: 40px;
    text-align: center;
}

.squad-player-card img {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    object-fit: cover;
}

.squad-player-info {
    display: flex;
    flex-direction: column;
}

.squad-player-info strong {
    color: #fff;
    font-size: 1.1em;
}

.squad-player-info span {
    color: #b0b0b0;
    font-size: 0.9em;
}

/* --- Fikstür Sayfası Stilleri --- */
.fixture-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px; }
.week-nav { display: flex; flex-wrap: wrap; gap: 10px; justify-content: center; background: #1e1e1e; padding: 10px; border-radius: 8px; margin-bottom: 30px; }
.week-nav a { padding: 8px 15px; color: #fff; text-decoration: none; border-radius: 5px; }
.week-nav a:hover { background: #3a3a3a; }
.week-nav a.active { background: #e53935; }
.match-list { display: flex; flex-direction: column; gap: 15px; }
.match-card { display: flex; align-items: center; justify-content: space-between; background: #2a2a2a; padding: 20px; border-radius: 8px; }
.match-card .team { display: flex; align-items: center; gap: 15px; flex: 1; }
.match-card .team-away { justify-content: flex-end; }
.team-name { font-size: 1.2em; font-weight: bold; }
.score-box { text-align: center; flex-grow: 0; padding: 0 30px; }
.score-box .score { font-size: 2em; font-weight: bold; color: #fff; }
.score-box .vs { font-size: 1.5em; color: #888; }
.match-date { position: absolute; font-size: 0.8em; color: #888; top: 5px; left: 50%; transform: translateX(-50%); }
.match-card { position: relative; } /* match-date'i konumlandırmak için */

/* --- Puan Durumu Tablosu Stilleri --- */
.league-table-container {
    background-color: #2a2a2a;
    border-radius: 8px;
    padding: 10px;
    overflow-x: auto; /* Küçük ekranlarda tabloyu kaydırılabilir yap */
}

.league-table {
    width: 100%;
    border-collapse: collapse;
    color: #e0e0e0;
}

.league-table th, .league-table td {
    padding: 12px 15px;
    text-align: center;
}

.league-table thead {
    background-color: #1e1e1e;
}

.league-table th {
    font-weight: bold;
    color: #fff;
}

.league-table tbody tr {
    border-bottom: 1px solid #424242;
}

.league-table tbody tr:last-child {
    border-bottom: none;
}

.league-table tbody tr:nth-child(even) {
    background-color: #333;
}

.league-table .pos {
    font-weight: bold;
}

.league-table .team {
    text-align: left;
    display: flex;
    align-items: center;
    gap: 10px;
}

.team-logo-small {
    width: 24px;
    height: 24px;
}

.league-table .points {
    font-weight: bold;
    font-size: 1.1em;
    color: #fff;
}

.match-card-link { text-decoration: none; color: inherit; }

/* --- Maç Detay Sayfası Stilleri --- */
.match-detail-header { display: flex; align-items: center; justify-content: space-between; background: #2a2a2a; padding: 30px; border-radius: 8px; margin-bottom: 40px; }
.match-detail-header .team { flex: 1; display: flex; flex-direction: column; align-items: center; gap: 15px; }
.match-detail-header .team.team-away { align-items: center; }
.team-logo-large { width: 100px; height: 100px; }
.match-detail-header .team-name { font-size: 1.8em; font-weight: bold; }
.status-badge { display: block; margin-top: 10px; padding: 5px 10px; border-radius: 5px; font-size: 0.9em; }
.status-badge.finished { background-color: #e53935; color: #fff; }
.status-badge.not-played { background-color: #555; color: #fff; }
/* Zaman Tüneli Stilleri */
.timeline-container h2 { text-align:center; font-size:1.8em; margin-bottom:30px; }
.timeline { position:relative; padding:20px 0; }
.timeline::before { content:''; position:absolute; top:0; left:50%; width:2px; height:100%; background:#424242; transform:translateX(-50%); }
.timeline-event { display:flex; align-items:center; width:50%; margin-bottom:20px; position:relative; }
.timeline-event.home-event { padding-right:50px; justify-content:flex-end; }
.timeline-event.away-event { margin-left:50%; padding-left:50px; }
.event-icon-container { position:absolute; top:50%; width:40px; height:40px; background:#1e1e1e; border:2px solid #424242; border-radius:50%; transform:translateY(-50%); z-index:1; display:flex; align-items:center; justify-content:center; }
.home-event .event-icon-container { right:-20px; }
.away-event .event-icon-container { left:-20px; }
.event-icon { width:20px; height:20px; background-size:contain; background-repeat:no-repeat; background-position:center; }
.event-icon.gol { background-image: url('https://cdn-icons-png.flaticon.com/512/3596/3596377.png'); filter: invert(1); }
.event-icon.sari-kart { background-image: url('https://cdn-icons-png.flaticon.com/512/885/885390.png'); }
/* Diğer ikonlar için benzer şekilde URL'ler eklenebilir */
.event-details { background:#2a2a2a; padding:10px 15px; border-radius:5px; text-align:center; }
.event-minute, .event-player { display:block; }
.event-player { font-weight:bold; color:#fff; }

/* --- Oyuncu İstatistikleri Stilleri --- */
.stats-layout {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
    gap: 30px;
}
.stats-column h3 { font-size: 1.6em; margin-bottom: 20px; color: #fff; }
.stats-list { list-style: none; padding: 0; }
.stats-list li { display: flex; align-items: center; gap: 15px; padding: 10px; border-radius: 8px; margin-bottom: 10px; background: #2a2a2a; }
.stats-list li .rank { font-weight: bold; font-size: 1.2em; color: #888; width: 30px; text-align: center; }
.stats-list li .player-link { display: flex; align-items: center; gap: 15px; text-decoration: none; color: #e0e0e0; flex-grow: 1; }
.player-link .player-photo { width: 45px; height: 45px; border-radius: 50%; object-fit: cover; }
.player-link .player-info strong { display: block; color: #fff; }
.player-link .player-info small { color: #b0b0b0; }
.stats-list li .stat-value { font-size: 1.5em; font-weight: bold; color: #fff; }

/* Oyuncu Detay Sayfası İstatistik Kutuları */
.player-stats-container {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    gap: 20px;
    background: #1e1e1e;
    padding: 20px;
    border-radius: 8px;
    margin-top: -20px; /* Profil kartının altına yapışık gibi dursun */
    margin-bottom: 30px;
}
.stat-box {
    background: #2a2a2a;
    text-align: center;
    padding: 20px;
    border-radius: 8px;
}
.stat-box .stat-value {
    display: block;
    font-size: 2.5em;
    font-weight: 700;
    color: #e53935;
}
.stat-box .stat-label {
    display: block;
    font-size: 1em;
    color: #b0b0b0;
}

/* --- Profilim Sayfası Stilleri --- */
.profile-layout {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
    gap: 30px;
}

.profile-column h2 {
    font-size: 1.6em;
    border-bottom: 2px solid #e53935;
    padding-bottom: 10px;
    margin-bottom: 20px;
}

.followed-list {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.followed-card {
    display: flex;
    align-items: center;
    background-color: #2a2a2a;
    padding: 10px;
    border-radius: 8px;
}

.followed-card .card-main-link {
    display: flex;
    align-items: center;
    gap: 15px;
    flex-grow: 1;
    text-decoration: none;
    color: #e0e0e0;
}

.followed-card img {
    width: 50px;
    height: 50px;
    object-fit: cover;
    border-radius: 50%;
}

/* Takım logoları için yuvarlaklığı kaldıralım */
.followed-card img.team-logo {
    border-radius: 5px;
}

.followed-card .card-info strong {
    display: block;
    color: #fff;
    font-size: 1.1em;
}
.followed-card .card-info small {
    color: #b0b0b0;
}

.unfollow-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    background-color: #424242;
    color: #fff;
    border-radius: 50%;
    text-decoration: none;
    font-size: 1.5em;
    line-height: 1;
    transition: background-color 0.3s, transform 0.3s;
}

.unfollow-btn:hover {
    background-color: #e53935;
    transform: rotate(90deg);
}

/* --- Benim Akışım Sayfası Stilleri --- */
.page-subtitle {
    font-size: 1.2em;
    color: #b0b0b0;
    text-align: center;
    margin-top: -10px;
    margin-bottom: 30px;
}
.feed-container {
    max-width: 800px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: 25px;
}
.feed-card {
    background-color: #2a2a2a;
    border-radius: 8px;
    overflow: hidden;
    border: 1px solid #424242;
}
.feed-card a {
    text-decoration: none;
    color: inherit;
}
.feed-card .card-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 15px;
    background-color: #1e1e1e;
}
.card-type-badge {
    font-weight: bold;
    padding: 4px 8px;
    border-radius: 5px;
    color: #fff;
    font-size: 0.8em;
}
.card-type-badge.news { background-color: #1E88E5; }
.card-type-badge.transfer.resmi { background-color: #4CAF50; }
.card-type-badge.transfer.söylenti { background-color: #FFC107; color: #121212; }
.card-date { font-size: 0.8em; color: #999; }

.feed-card .card-body {
    display: flex;
    gap: 20px;
    padding: 15px;
}
.feed-card .card-image {
    width: 120px;
    height: 120px;
    object-fit: cover;
    border-radius: 8px;
}
.feed-card .card-image.player-image {
    border-radius: 50%;
}
.feed-card .card-content h3 {
    margin: 0 0 10px;
    color: #fff;
    font-size: 1.3em;
}
.feed-card .card-content p {
    margin: 0;
    color: #b0b0b0;
}
.transfer-flow {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 1.1em;
    font-weight: bold;
    margin-bottom: 10px;
}
.transfer-flow .arrow {
    color: #e53935;
}
.card-content .fee {
    font-style: italic;
    font-size: 0.9em;
    margin-top: 10px;
}
.empty-feed {
    text-align: center;
    padding: 50px;
    background-color: #1e1e1e;
    border-radius: 8px;
}

/* --- Dedikodu Değirmeni Stilleri --- */
.rumor-mill { max-width: 900px; margin: 0 auto; display: flex; flex-direction: column; gap: 25px; }
.rumor-card { display: flex; flex-wrap: wrap; background: #2a2a2a; border-radius: 8px; overflow: hidden; }
.rumor-content { flex: 2; min-width: 300px; padding: 20px; }
.rumor-content h3 { margin: 0 0 10px; font-size: 1.4em; color: #fff; }
.rumor-content p { margin: 0; color: #b0b0b0; }
.rumor-meta { flex: 1; min-width: 280px; background: #1e1e1e; padding: 20px; }
.source-info { display: flex; align-items: center; gap: 10px; margin-bottom: 20px; }
.source-info img { width: 40px; height: 40px; border-radius: 50%; }
.source-info span { font-weight: bold; }
.reliability-scores { display: flex; flex-direction: column; gap: 15px; margin-bottom: 20px; }
.score-bar-container { display: flex; align-items: center; gap: 10px; }
.score-label { font-size: 0.9em; width: 120px; color: #b0b0b0; }
.score-bar { flex-grow: 1; height: 10px; background: #424242; border-radius: 5px; overflow: hidden; }
.score-bar-fill { height: 100%; background-color: #e53935; border-radius: 5px; }
.score-bar-fill.community { background-color: #1E88E5; }
.score-value { font-weight: bold; }
.rumor-voting { display: flex; gap: 10px; }
.rumor-voting .vote-btn { flex: 1; padding: 8px; text-align: center; background: #333; color: #fff; text-decoration: none; border-radius: 5px; transition: background-color 0.3s; }
.rumor-voting .vote-btn:hover { background: #555; }
.rumor-voting .vote-btn.voted { background: #e53935; font-weight: bold; }

/* --- Bitmeye Yakın Transferler Bloğu Stilleri --- */
.hot-transfers-section {
    background: linear-gradient(45deg, #e53935, #c62828);
    border-radius: 8px;
    padding: 20px;
    margin-bottom: 30px;
    color: #fff;
}

.hot-transfers-section h2 {
    margin: 0 0 15px 0;
    text-align: center;
    border: none;
    font-size: 1.8em;
}

.hot-transfers-list {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 15px;
}

.hot-transfer-card {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: rgba(0,0,0,0.2);
    padding: 15px;
    border-radius: 5px;
    text-decoration: none;
    color: #fff;
    transition: background-color 0.3s, transform 0.3s;
}

.hot-transfer-card:hover {
    background-color: rgba(0,0,0,0.4);
    transform: translateY(-3px);
}

.hot-transfer-info strong {
    display: block;
    margin-bottom: 5px;
}

.hot-transfer-info small {
    opacity: 0.8;
}

.hot-transfer-score {
    font-size: 1.5em;
    font-weight: 700;
    background-color: #fff;
    color: #e53935;
    padding: 8px;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    margin-left: 15px;
}

/* --- Kişiselleştirilmiş Akış Bloğu Stilleri --- */
.personal-feed-section {
    background-color: #1e1e1e;
    border: 1px solid #424242;
    border-radius: 8px;
    padding: 20px;
    margin-bottom: 30px;
}

.personal-feed-section h2 {
    margin: 0 0 15px 0;
    font-size: 1.8em;
    color: #fff;
    border-bottom: 2px solid #1E88E5; /* Mavi renk ile ayıralım */
    padding-bottom: 10px;
}

.personal-feed-list {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 15px;
}

.personal-feed-card {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #2a2a2a;
    padding: 15px;
    border-radius: 5px;
    text-decoration: none;
    color: #e0e0e0;
    transition: transform 0.3s, box-shadow 0.3s;
}

.personal-feed-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 4px 10px rgba(30, 136, 229, 0.2);
}

.feed-card-info strong {
    display: block;
    color: #fff;
    margin-bottom: 5px;
}

.feed-card-info small {
    color: #b0b0b0;
}

.feed-card-status {
    font-size: 0.8em;
    font-weight: bold;
    padding: 4px 8px;
    border-radius: 5px;
    color: #fff;
    flex-shrink: 0;
    margin-left: 15px;
}

.feed-card-status.resmi {
    background-color: #4CAF50;
}

.feed-card-status.söylenti {
    background-color: #FFC107;
    color: #121212;
}

/* --- Oyuncu Detay Sayfası - Meta Bilgileri Stilleri --- */
.player-meta-info {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-top: 5px;
    font-size: 1.2em;
    color: #b0b0b0;
}

.meta-separator {
    color: #555;
}

.meta-item.team-link {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: #e0e0e0;
    text-decoration: none;
    transition: color 0.3s;
}

.meta-item.team-link:hover {
    color: #e53935;
}

.team-logo-inline {
    width: 24px;
    height: 24px;
}

/* --- Input ile Birim Gösterimi Stili --- */
.input-with-unit {
    display: flex;
    align-items: center;
}

.input-with-unit input {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-right: none;
}

.input-with-unit span {
    padding: 10px;
    background-color: #eee;
    border: 1px solid #ccc;
    border-radius: 4px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    white-space: nowrap; /* "Milyon €" yazısının tek satırda kalmasını sağlar */
}

/* Form içindeki small etiketleri için genel bir stil */
.form-group small {
    display: block;
    margin-top: 5px;
    color: #555;
}

.profile-summary-card { display: flex; justify-content: space-around; background: #2a2a2a; padding: 20px; border-radius: 8px; margin-bottom: 30px; text-align: center; }
.tpp-display .tpp-value { font-size: 2.5em; font-weight: 700; color: #e53935; display: block; }
.tpp-display .tpp-label { color: #b0b0b0; }
.level-display .level-icon { font-size: 2em; display: block; }
.level-display .level-title { font-size: 1.2em; font-weight: bold; color: #fff; margin-top: 5px; display: block; }

.user-welcome { display: flex; align-items: baseline; gap: 8px; color: #fff; }
.user-tpp-header { font-size: 0.8em; color: #FFC107; font-weight: bold; }
/* --- Liderlik Tablosu Stilleri --- */
.leaderboard-container {
    background-color: #2a2a2a;
    border-radius: 8px;
    padding: 10px;
    overflow-x: auto;
}

.leaderboard-table {
    width: 100%;
    border-collapse: collapse;
    color: #e0e0e0;
}

.leaderboard-table th, .leaderboard-table td {
    padding: 15px;
    text-align: left;
}

.leaderboard-table thead {
    background-color: #1e1e1e;
}

.leaderboard-table th {
    font-weight: bold;
    color: #fff;
}

.leaderboard-table tbody tr {
    border-bottom: 1px solid #424242;
    transition: background-color 0.3s;
}

.leaderboard-table tbody tr:last-child {
    border-bottom: none;
}

.leaderboard-table tbody tr:hover {
    background-color: #3c3c3c;
}

/* Giriş yapmış kullanıcının satırını vurgula */
.leaderboard-table tbody tr.current-user {
    background-color: rgba(229, 57, 53, 0.3);
    border-left: 4px solid #e53935;
}

.leaderboard-table .rank {
    font-size: 1.2em;
    font-weight: bold;
    text-align: center;
    width: 80px;
}

.leaderboard-table .user {
    font-weight: bold;
    color: #fff;
}

.leaderboard-table .level {
    display: flex;
    align-items: center;
    gap: 8px;
}

.level-icon-small {
    font-size: 1.2em;
}

.leaderboard-table .tpp {
    font-weight: bold;
    font-size: 1.2em;
    color: #FFC107; /* TPP'yi sarı ile vurgula */
    text-align: right;
}

.betting-card { flex-direction: column; align-items: stretch; }
.betting-odds { display: flex; border-top: 1px solid #424242; margin-top: 15px; padding-top: 15px; gap: 10px; }
.bet-option { flex: 1; text-decoration: none; color: #fff; background: #3a3a3a; padding: 10px; border-radius: 5px; text-align: center; transition: background-color 0.3s; }
.bet-option:hover { background-color: #e53935; }
.bet-option .bet-team { display: block; font-size: 0.9em; }
.bet-option .bet-rate { display: block; font-size: 1.3em; font-weight: bold; margin-top: 5px; }
.bet-cost { text-align: center; font-size: 0.9em; margin-top: 10px; color: #b0b0b0; }


.match-info-main {
    display: flex;
    align-items: center;
    justify-content: space-between;
    text-decoration: none;
    color: inherit;
    padding: 20px;
    position: relative;
}
.betting-card {
    background: #2a2a2a;
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    align-items: stretch;
}
.betting-odds {
    display: flex;
    border-top: 1px solid #424242;
    padding: 10px;
    gap: 10px;
}
.bet-option {
    flex: 1;
    text-decoration: none;
    color: #fff;
    background: #3a3a3a;
    padding: 10px;
    border-radius: 5px;
    text-align: center;
    transition: background-color 0.3s;
}
.bet-option:hover {
    background-color: #e53935;
}
.bet-option .bet-team {
    display: block;
    font-size: 1.1em;
    font-weight: bold;
}
.bet-option .bet-rate {
    display: block;
    font-size: 1.1em;
    margin-top: 5px;
    color: #FFC107;
}
.bet-cost {
    text-align: center;
    font-size: 0.9em;
    padding-bottom: 10px;
    color: #b0b0b0;
}

.match-list.full-page { gap: 20px; }
.betting-card { border: 1px solid #424242; }
.match-header { display: flex; justify-content: space-between; padding: 10px 15px; background: #1e1e1e; font-size: 0.9em; color: #b0b0b0; }
.match-body { display: flex; align-items: center; justify-content: space-between; padding: 20px; }
.match-finished { opacity: 0.6; } /* Oynanmış maçları soluklaştır */
.bet-option.selected { background-color: #e53935; box-shadow: 0 0 10px #e53935; }

/* --- Modern Header ve Navigasyon Stilleri --- */
:root {
    --primary-color: #e53935;
    --dark-bg-1: #121212;
    --dark-bg-2: #1e1e1e;
    --dark-bg-3: #2a2a2a;
    --text-light: #e0e0e0;
    --text-dark: #b0b0b0;
}

body {
    /* Yeni ve daha modern bir font ailesi */
    font-family: 'Inter', sans-serif;
    padding-top: 80px; /* Sabit header için boşluk */
}

.main-header {
    background-color: var(--dark-bg-2);
    border-bottom: 1px solid #333;
    padding: 15px 0;
    position: fixed; /* Header'ı üste sabitle */
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1000;
}

.header-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.logo {
    font-size: 1.6em;
    font-weight: 800;
    color: var(--text-light);
    text-decoration: none;
}
.logo b { color: var(--primary-color); }

.main-nav {
    display: flex;
    gap: 25px;
}
.main-nav a {
    color: var(--text-dark);
    text-decoration: none;
    font-weight: 500;
    transition: color 0.3s;
}
.main-nav a:hover {
    color: var(--primary-color);
}

.header-actions {
    display: flex;
    align-items: center;
    gap: 15px;
}

.nav-button {
    padding: 8px 18px;
    border-radius: 5px;
    text-decoration: none;
    font-weight: 500;
    background-color: var(--primary-color);
    color: #fff;
    transition: background-color 0.3s;
}
.nav-button:hover { background-color: #c62828; }
.nav-button.secondary { background-color: transparent; border: 1px solid var(--primary-color); color: var(--primary-color); }
.nav-button.secondary:hover { background-color: rgba(229, 57, 53, 0.1); }

.user-menu { display: flex; align-items: center; gap: 15px; }

.feed-button { font-size: 1.5em; background: none; padding: 0; }

.profile-dropdown { position: relative; }
.profile-button {
    background-color: var(--dark-bg-3);
    color: var(--text-light);
    border: 1px solid #444;
    padding: 8px 15px;
    border-radius: 20px;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 8px;
}
.tpp-badge { background: #FFC107; color: #121212; font-size: 0.8em; padding: 2px 8px; border-radius: 10px; font-weight: bold; }

.dropdown-content {
    display: none;
    position: absolute;
    right: 0;
    top: 120%;
    background-color: var(--dark-bg-3);
    min-width: 160px;
    box-shadow: 0 8px 16px rgba(0,0,0,0.3);
    border-radius: 5px;
    z-index: 1;
    overflow: hidden;
}
.dropdown-content a {
    color: var(--text-light);
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}
.dropdown-content a:hover { background-color: var(--primary-color); }
.profile-dropdown:hover .dropdown-content {
    display: block;
}

/* Mobil Menü */
.mobile-menu-toggle {
    display: none; /* Varsayılan olarak gizli */
    background: none;
    border: none;
    cursor: pointer;
    z-index: 1001;
}
.mobile-menu-toggle span {
    display: block;
    width: 25px;
    height: 3px;
    background-color: var(--text-light);
    margin: 5px 0;
    transition: all 0.3s;
}

/* Mobil Uyumluluk (Breakpoint) */
@media (max-width: 992px) {
    .main-nav {
        position: fixed;
        top: 0;
        left: -100%; /* Başlangıçta ekranın dışında */
        width: 280px;
        height: 100%;
        background-color: var(--dark-bg-2);
        flex-direction: column;
        padding: 80px 30px;
        box-shadow: 4px 0 15px rgba(0,0,0,0.2);
        transition: left 0.4s ease;
    }
    .main-nav.active {
        left: 0; /* Aktif olunca ekranın içine kaydır */
    }
    .mobile-menu-toggle {
        display: block;
    }
    .mobile-menu-toggle.active span:nth-child(1) { transform: rotate(45deg) translate(5px, 5px); }
    .mobile-menu-toggle.active span:nth-child(2) { opacity: 0; }
    .mobile-menu-toggle.active span:nth-child(3) { transform: rotate(-45deg) translate(7px, -7px); }
}

@media (max-width: 576px) {
    .header-actions .nav-button, .header-actions .profile-dropdown {
        display: none; /* Çok küçük ekranlarda sadece ikon kalsın */
    }
    .header-actions .user-menu .feed-button { display: block; }
}

/* --- Modern Footer Stilleri --- */
.main-footer {
    background-color: var(--dark-bg-2);
    border-top: 1px solid #333;
    padding: 40px 0;
    margin-top: 40px; /* Sayfa içeriği ile arasında boşluk bırakır */
    color: var(--text-dark);
}

.footer-container {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 30px;
}

.footer-section h4 {
    font-size: 1.2em;
    color: var(--text-light);
    margin-bottom: 15px;
}

.footer-section.about .logo {
    margin-bottom: 15px;
    display: inline-block;
}

.footer-section.about p {
    line-height: 1.7;
}

.footer-section.links ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.footer-section.links ul li {
    margin-bottom: 10px;
}

.footer-section.links ul li a {
    color: var(--text-dark);
    text-decoration: none;
    transition: color 0.3s;
}

.footer-section.links ul li a:hover {
    color: var(--primary-color);
}

.footer-section.legal {
    grid-column: 1 / -1; /* En alt bölümün tam genişlikte olmasını sağlar */
    text-align: center;
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px solid #333;
    font-size: 0.9em;
}

/* --- Modern Header ve Dropdown Menü Stilleri --- */
/* :root, body, .main-header, .logo, .header-actions vs. stilleri aynı kalacak */
/* Sadece .main-nav ve altındaki elementlerin stillerini güncelliyoruz. */

.main-nav {
    display: flex;
    align-items: center;
    gap: 5px; /* Ana menü elemanları arası boşluk azaltıldı */
}

.nav-item {
    position: relative;
}

.nav-link {
    color: var(--text-dark);
    text-decoration: none;
    font-weight: 500;
    padding: 20px 15px; /* Tıklama alanını genişletmek için */
    display: block;
    transition: color 0.3s, background-color 0.3s;
}

.nav-item.dropdown > .nav-link::after {
    content: ' ▼'; /* Açılır menü ikonu */
    font-size: 0.7em;
    display: inline-block;
    margin-left: 4px;
}

.nav-link:hover {
    color: var(--primary-color);
    background-color: rgba(229, 57, 53, 0.1);
}

.dropdown-menu {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    background-color: var(--dark-bg-3);
    min-width: 200px;
    box-shadow: 0 8px 16px rgba(0,0,0,0.3);
    border-radius: 0 0 5px 5px;
    z-index: 1;
    overflow: hidden;
    border-top: 2px solid var(--primary-color);
}

.dropdown-menu a {
    color: var(--text-light);
    padding: 12px 16px;
    text-decoration: none;
    display: block;
    transition: background-color 0.3s, padding-left 0.3s;
}

.dropdown-menu a:hover {
    background-color: var(--primary-color);
    padding-left: 20px;
}

/* Masaüstünde fare üzerine gelince dropdown'ı göster */
.nav-item.dropdown:hover .dropdown-menu {
    display: block;
}

/* Mobil Menü Uyumluluğu */
@media (max-width: 992px) {
    /* Mobil menü açıldığında */
    .main-nav.active {
        /* ... mevcut .main-nav.active stilleri ... */
        gap: 0; /* Mobilde boşlukları sıfırla */
    }

    .nav-item {
        width: 100%;
    }
    
    .nav-link {
        padding: 15px 0; /* Mobildeki tıklama alanını ayarla */
    }

    /* Mobilde dropdown'ı gizle */
    .dropdown-menu {
        display: none !important; 
        position: static;
        box-shadow: none;
        border: none;
        border-radius: 0;
        background-color: transparent;
        min-width: auto;
    }
    
    .dropdown-menu a {
        padding-left: 20px; /* Mobilde alt menü elemanlarını içeriden başlat */
        font-size: 0.9em;
        color: var(--text-dark);
    }

    /* JavaScript ile açıp kapatacağımız için önemli */
    .nav-item.dropdown.mobile-active > .dropdown-menu {
        display: block !important;
    }
    
    .nav-item.dropdown > .nav-link::after {
        float: right; /* İkonu sağa yasla */
        transition: transform 0.3s;
    }
    
    .nav-item.dropdown.mobile-active > .nav-link::after {
        transform: rotate(180deg); /* Menü açılınca ikonu döndür */
    }
}

/* --- Düzeltilmiş ve Geliştirilmiş Dropdown Stilleri --- */

.profile-dropdown { 
    position: relative; 
}

.profile-button {
    /* ... mevcut stiller aynı kalacak ... */
    background-color: var(--dark-bg-3);
    color: var(--text-light);
    border: 1px solid #444;
    padding: 8px 15px;
    border-radius: 20px;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 8px;
}

.tpp-badge { 
    /* ... mevcut stiller aynı kalacak ... */
    background: #FFC107; color: #121212; font-size: 0.8em; padding: 2px 8px; border-radius: 10px; font-weight: bold; 
}
/* --- Sorunsuz Çalışan Basit Dropdown Stilleri --- */

.profile-dropdown {
    position: relative;
    /* Konteynerin kendisi bir şey göstermez, sadece pozisyon belirler */
}

/* Dropdown menüsünü varsayılan olarak gizle */
.profile-dropdown .dropdown-content {
    display: none;
    position: absolute;
    right: 0;
    top: 100%; /* Butonun tam altında başlar */
    background-color: var(--dark-bg-3);
    min-width: 160px;
    box-shadow: 0 8px 16px rgba(0,0,0,0.3);
    border-radius: 5px;
    z-index: 100; /* Diğer elementlerin üstünde kalmasını garantiler */
    margin-top: 8px; /* Butonla arasında küçük bir boşluk bırakır */
    border-top: 2px solid var(--primary-color);
}

/* ANAHTAR KURAL: Ana konteynerin üzerine gelindiğinde menüyü göster */
.profile-dropdown:hover .dropdown-content {
    display: block;
}

.dropdown-content a {
    color: var(--text-light);
    padding: 12px 16px;
    text-decoration: none;
    display: block;
    transition: background-color 0.2s;
}

.dropdown-content a:hover {
    background-color: var(--primary-color);
}

/* Buton stilleri aynı kalabilir */
.profile-button {
    background-color: var(--dark-bg-3);
    color: var(--text-light);
    border: 1px solid #444;
    padding: 8px 15px;
    border-radius: 20px;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 8px;
}

.tpp-badge {
    background: #FFC107;
    color: #121212;
    font-size: 0.8em;
    padding: 2px 8px;
    border-radius: 10px;
    font-weight: bold;
}
/* --- Basitleştirilmiş Profil Butonu Stili --- */

/* Bu, eski .profile-button ile neredeyse aynı, sadece a etiketi için uyarlandı */
.profile-button-link {
    background-color: var(--dark-bg-3);
    color: var(--text-light);
    border: 1px solid #444;
    padding: 8px 15px;
    border-radius: 20px;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 8px;
    text-decoration: none;
    transition: background-color 0.3s;
}

.profile-button-link:hover {
    background-color: #444;
}

/* TPP Rozeti stili aynı kalabilir */
.tpp-badge {
    background: #FFC107;
    color: #121212;
    font-size: 0.8em;
    padding: 2px 8px;
    border-radius: 10px;
    font-weight: bold;
}

.profile-summary-card .profile-actions {
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Profil Özeti Kartı */
.profile-summary-card {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    align-items: center;
    background: #2a2a2a;
    padding: 20px;
    border-radius: 8px;
    margin-bottom: 30px;
    text-align: center;
}
.profile-summary-card .profile-actions {
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Takip Listeleri */
.empty-list-message {
    color: #888;
    padding: 20px;
    text-align: center;
    background-color: #2a2a2a;
    border-radius: 8px;
}

/* --- İkon Buton Stilleri --- */

.icon-button {
    /* Yazı butonlarıyla aynı temel hizalamayı ve boyutu paylaşsın */
    display: inline-flex;
    align-items: center;
    justify-content: center;
    
    /* Kare bir görünüm için genişlik ve yüksekliği eşitleyelim */
    width: 40px;
    height: 40px;
    
    /* İçindeki yazıyı ve padding'i sıfırlayalım */
    padding: 0;
    
    /* Yuvarlak bir buton için */
    border-radius: 50%;
    
    /* İkon boyutunu ayarlayalım */
    font-size: 1.1em;
}

/* Mevcut .nav-button.secondary stilini ikon için de uyumlu hale getiriyoruz */
.nav-button.icon-button.secondary {
    background-color: transparent;
    border: 1px solid #555;
    color: var(--text-dark);
}

.nav-button.icon-button.secondary:hover {
    background-color: var(--primary-color);
    border-color: var(--primary-color);
    color: #fff;
}

/* --- Modern ve Kompakt Header Stilleri --- */
:root {
    --header-height: 65px; /* Header yüksekliğini bir değişkene atayalım */
    --primary-color: #e53935;
    --dark-bg-1: #121212;
    --dark-bg-2: #1e1e1e;
    --dark-bg-3: #2a2a2a;
    --text-light: #e0e0e0;
    --text-dark: #b0b0b0;
}

body {
    font-family: 'Inter', sans-serif;
    /* Sayfa içeriğinin başlangıcını header'ın yüksekliği kadar aşağıdan başlat */
    padding-top: var(--header-height); 
}

.main-header {
    background-color: var(--dark-bg-2);
    border-bottom: 1px solid #333;
    padding: 0; /* Padding'i sıfırlayıp yüksekliği direkt veriyoruz */
    height: var(--header-height); /* Değişkeni burada kullanıyoruz */
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1000;
    /* Dikey hizalamayı kolaylaştırmak için flexbox kullanıyoruz */
    display: flex;
    align-items: center;
}

.header-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%; /* Konteynerin tam genişlikte olmasını sağlar */
}

.logo {
    font-size: 1.4em; /* Logoyu biraz küçülttük */
    font-weight: 800;
    color: var(--text-light);
    text-decoration: none;
}
.logo b { color: var(--primary-color); }

.main-nav {
    display: flex;
    align-items: center;
    gap: 5px;
    height: 100%; /* Navigasyonun header yüksekliğini doldurmasını sağlar */
}

.nav-item {
    position: relative;
    height: 100%; /* Her bir menü elemanının tam yükseklikte olmasını sağlar */
}

.nav-link {
    color: var(--text-dark);
    text-decoration: none;
    font-weight: 500;
    padding: 0 15px; /* Sadece yatay padding veriyoruz */
    height: 100%; /* Tıklama alanını dikeyde tam ekran yapar */
    display: flex; /* İçeriği dikeyde ortalamak için */
    align-items: center;
    transition: color 0.3s, background-color 0.3s;
}
.nav-item.dropdown > .nav-link::after { content: ' ▼'; font-size: 0.7em; margin-left: 4px; }
.nav-link:hover { color: var(--primary-color); background-color: rgba(229, 57, 53, 0.1); }

.dropdown-menu {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    background-color: var(--dark-bg-3);
    min-width: 200px;
    box-shadow: 0 8px 16px rgba(0,0,0,0.3);
    border-radius: 0 0 5px 5px;
    z-index: 1;
    overflow: hidden;
    border-top: 2px solid var(--primary-color);
}
.nav-item.dropdown:hover .dropdown-menu { display: block; }
.dropdown-menu a { color: var(--text-light); padding: 12px 16px; text-decoration: none; display: block; }
.dropdown-menu a:hover { background-color: var(--primary-color); }


.header-actions {
    display: flex;
    align-items: center;
    gap: 15px;
}

.nav-button {
    padding: 7px 15px; /* Butonların iç boşluğunu azalttık */
    border-radius: 5px;
    text-decoration: none;
    font-weight: 500;
    background-color: var(--primary-color);
    color: #fff;
    transition: background-color 0.3s;
}
.nav-button:hover { background-color: #c62828; }
.nav-button.secondary { background-color: transparent; border: 1px solid var(--primary-color); color: var(--primary-color); }
.nav-button.secondary:hover { background-color: rgba(229, 57, 53, 0.1); }

/* Sadeleştirilmiş profil butonu */
.profile-button-link {
    background-color: var(--dark-bg-3);
    color: var(--text-light);
    border: 1px solid #444;
    padding: 7px 12px; /* İç boşluğu azalttık */
    border-radius: 20px;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 8px;
    text-decoration: none;
    transition: background-color 0.3s;
}
.profile-button-link:hover { background-color: #444; }
.tpp-badge { background: #FFC107; color: #121212; font-size: 0.8em; padding: 2px 8px; border-radius: 10px; font-weight: bold; }

/* İkon butonları */
.icon-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 38px; /* Boyutu biraz küçülttük */
    height: 38px;
    padding: 0;
    border-radius: 50%;
    font-size: 1.0em; /* İkon boyutunu biraz küçülttük */
}
.nav-button.icon-button.secondary { background-color: transparent; border: 1px solid #555; color: var(--text-dark); }
.nav-button.icon-button.secondary:hover { background-color: var(--primary-color); border-color: var(--primary-color); color: #fff; }

/* Mobil Menü (Breakpoint ve içindeki stiller aynı kalabilir) */
@media (max-width: 992px) {
    /* ... mobil menü stilleriniz burada ... */
}

/* --- Profil Sayfası Bahis Özeti Bileşeni Stilleri --- */

.profile-summary-card {
    /* Grid yapısını koruyoruz */
    display: grid;
    grid-template-columns: 1fr 1fr 2fr; /* Bahis bileşeni daha geniş olsun */
    align-items: stretch; /* Sütunların yüksekliğini eşitle */
}

.bet-summary-widget {
    background-color: var(--dark-bg-3);
    padding: 15px;
    border-radius: 8px;
    text-align: left;
    display: flex;
    flex-direction: column;
}

.bet-summary-widget h4 {
    margin: 0 0 15px 0;
    color: var(--text-light);
    font-size: 1.1em;
}

.bet-stats {
    display: flex;
    justify-content: space-around;
    gap: 10px;
    margin-bottom: 15px;
}

.bet-stats .stat {
    text-align: center;
}
.bet-stats .stat span {
    font-size: 0.8em;
    color: var(--text-dark);
}
.bet-stats .stat strong {
    display: block;
    font-size: 1.3em;
    font-weight: 700;
    color: #fff;
}
.bet-stats .stat strong.positive { color: #4CAF50; } /* Yeşil */
.bet-stats .stat strong.negative { color: #f44336; } /* Kırmızı */

.recent-bets {
    border-top: 1px solid #444;
    padding-top: 10px;
    flex-grow: 1; /* Alanı doldurmasını sağlar */
}
.recent-bets h5 {
    margin: 0 0 8px 0;
    font-size: 0.9em;
    color: var(--text-dark);
}

.mini-bet-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 0.9em;
    margin-bottom: 5px;
}
.bet-status-icon {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    flex-shrink: 0;
}
.bet-status-icon.bekliyor { background-color: #ff9800; } /* Turuncu */
.bet-status-icon.kazandı { background-color: #4CAF50; } /* Yeşil */
.bet-status-icon.kaybetti { background-color: #f44336; } /* Kırmızı */

.widget-button {
    margin-top: auto; /* Butonu en alta iter */
    padding-top: 10px;
    text-align: right;
    color: var(--primary-color);
    text-decoration: none;
    font-weight: bold;
    font-size: 0.9em;
}

/* Küçük Ekranlar için Ayarlama */
@media (max-width: 768px) {
    .profile-summary-card {
        grid-template-columns: 1fr; /* Sütunları alt alta sırala */
        gap: 20px;
    }
}

/* --- Bahislerim Sayfası Tablo Stilleri --- */
.bets-table-container {
    background-color: var(--dark-bg-2);
    border-radius: 8px;
    padding: 10px;
    overflow-x: auto;
}

.bets-table {
    width: 100%;
    border-collapse: collapse;
    color: var(--text-dark);
}

.bets-table th, .bets-table td {
    padding: 15px;
    text-align: center;
    border-bottom: 1px solid #333;
}

.bets-table thead {
    background-color: var(--dark-bg-3);
}

.bets-table th {
    font-weight: bold;
    color: var(--text-light);
    font-size: 0.9em;
    text-transform: uppercase;
}

.bets-table tbody tr:last-child td {
    border-bottom: none;
}

.bets-table .match-info {
    text-align: left;
}
.bets-table .match-info strong {
    display: block;
    color: var(--text-light);
}
.bets-table .match-info small {
    font-size: 0.85em;
}

.bet-status {
    padding: 5px 10px;
    border-radius: 15px;
    font-size: 0.8em;
    font-weight: bold;
    color: #fff;
}
.bet-status.bekliyor { background-color: #ff9800; } /* Turuncu */
.bet-status.kazandı { background-color: #4CAF50; } /* Yeşil */
.bet-status.kaybetti { background-color: #f44336; } /* Kırmızı */

.bet-pnl strong {
    font-size: 1.1em;
}
.bet-pnl .positive {
    color: #4CAF50;
}
.bet-pnl .negative {
    color: #f44336;
}

/* --- Yeni ve Modern Anasayfa Tasarımı --- */
.hero-section {
    background: linear-gradient(rgba(18, 18, 18, 0.8), rgba(18, 18, 18, 0.9)), url('https://e0.365dm.com/22/07/2048x1152/skysports-kylian-mbappe-psg_5848373.jpg') no-repeat center center;
    background-size: cover;
    color: #fff;
    padding: 60px 20px;
    text-align: center;
    border-radius: 12px;
    margin-bottom: 30px;
}
.hero-content h1 { font-size: 2.8em; margin: 0 0 10px; border:none; }
.hero-content p { font-size: 1.2em; color: var(--text-dark); }

.hot-deals-section { background: var(--dark-bg-2); padding: 20px; border-radius: 12px; margin-bottom: 30px; }
.hot-deals-section h2 { margin: 0 0 20px; text-align: center; border: none; font-size: 1.6em; }
.hot-deals-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 15px; }
.hot-deal-card { display: flex; align-items: center; gap: 15px; background: var(--dark-bg-3); padding: 10px; border-radius: 8px; text-decoration: none; color: var(--text-light); transition: transform 0.2s; }
.hot-deal-card:hover { transform: scale(1.03); }
.player-avatar { width: 45px; height: 45px; border-radius: 50%; object-fit: cover; }
.deal-info p { margin: 0; font-weight: 500; }
.deal-reliability { margin-left: auto; background: var(--primary-color); color: #fff; font-weight: bold; width: 45px; height: 45px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 0.9em; flex-shrink: 0; }

.home-layout { display: grid; grid-template-columns: 1fr; gap: 30px; }
@media(min-width: 992px) { .home-layout { grid-template-columns: 1fr 320px; } }

.modern-filter .filter-form { background: var(--dark-bg-2); border-radius: 8px; padding: 10px; }
.modern-filter .filter-icon { color: var(--text-dark); font-size: 1.2em; margin: 0 10px; }
.modern-filter input, .modern-filter select { background: transparent; border: none; }



.player-column, .teams-column, .team-block-modern { display: flex; align-items: center; gap: 15px; }


.player-details-modern .transfer-fee { font-size: 0.9em; color: var(--text-dark); }


.actions-column { text-align: right; }
.status-modern { display: block; font-weight: bold; padding: 4px 8px; border-radius: 5px; color: #fff; font-size: 0.8em; margin-bottom: 10px; }
.vote-section-modern { display: flex; justify-content: flex-end; gap: 8px; }
.vote-section-modern .vote-btn { background: var(--dark-bg-3); padding: 5px 10px; border-radius: 5px; text-decoration: none; color: #fff; }

.sidebar-widget { background: var(--dark-bg-2); padding: 20px; border-radius: 12px; }
.sidebar-widget h3 { margin: 0 0 15px; border-bottom: 2px solid var(--primary-color); padding-bottom: 10px; }
.personal-feed-list-sidebar { display: flex; flex-direction: column; gap: 10px; }
.personal-feed-card-sidebar { display: flex; align-items: center; justify-content: space-between; background: var(--dark-bg-3); padding: 10px; border-radius: 5px; text-decoration: none; color: #e0e0e0; }
.feed-card-status { width: 8px; height: 8px; border-radius: 50%; flex-shrink: 0; }
.feed-card-status.resmi { background-color: #4CAF50; }
.feed-card-status.söylenti { background-color: #FFC107; }

/* --- Yeni ve Modern Dedikodular Sayfası Tasarımı --- */
.rumor-hero {
    text-align: center;
    padding: 40px 20px;
    background-color: var(--dark-bg-2);
    border-radius: 12px;
    margin-bottom: 30px;
}
.rumor-hero h1 { font-size: 2.8em; margin: 0 0 10px; border: none; color: #fff; }
.rumor-hero p { font-size: 1.2em; color: var(--text-dark); max-width: 600px; margin: 0 auto; }

.rumor-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
    gap: 25px;
}

.rumor-card-new {
    background-color: var(--dark-bg-2);
    border-radius: 12px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    border: 1px solid #333;
    transition: transform 0.3s, box-shadow 0.3s;
}
.rumor-card-new:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 20px rgba(0,0,0,0.2);
}

.rumor-card-image {
    position: relative;
    height: 200px;
}
.rumor-card-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.source-badge {
    position: absolute;
    bottom: 10px;
    left: 10px;
    background: rgba(18, 18, 18, 0.8);
    backdrop-filter: blur(5px);
    color: #fff;
    padding: 5px 10px;
    border-radius: 20px;
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 0.9em;
    font-weight: 500;
    border: 1px solid rgba(255,255,255,0.2);
}
.source-badge img {
    width: 24px;
    height: 24px;
    border-radius: 50%;
}

.rumor-card-content {
    padding: 20px;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
}
.rumor-tags { display: flex; gap: 8px; margin-bottom: 10px; }
.tag { font-size: 0.8em; padding: 4px 10px; border-radius: 15px; font-weight: 500; }
.player-tag { background-color: rgba(30, 136, 229, 0.2); color: #64b5f6; }
.team-tag { background-color: rgba(229, 57, 53, 0.2); color: #e57373; }

.rumor-card-content h3 {
    margin: 0 0 10px;
    font-size: 1.3em;
    color: #fff;
    line-height: 1.4;
}
.rumor-card-content a { text-decoration: none; }
.rumor-card-content p {
    margin: 0 0 20px;
    color: var(--text-dark);
    font-size: 0.95em;
    line-height: 1.6;
    flex-grow: 1;
}

.reliability-scores-new { display: flex; flex-direction: column; gap: 10px; margin-bottom: 20px; }
.score-item { display: grid; grid-template-columns: 100px 1fr 40px; align-items: center; gap: 10px; font-size: 0.9em; }
.score-item label { color: var(--text-dark); }
.score-bar { height: 8px; background: #444; border-radius: 4px; overflow: hidden; }
.score-fill { height: 100%; border-radius: 4px; }
.score-fill.source { background-color: var(--primary-color); }
.score-fill.community { background-color: #1E88E5; }
.score-item span { font-weight: bold; text-align: right; }

.rumor-voting-new { display: flex; gap: 10px; margin-top: auto; }
.vote-btn-new { flex: 1; padding: 10px; text-align: center; border: 1px solid #444; background: var(--dark-bg-3); color: #fff; text-decoration: none; border-radius: 5px; font-weight: 500; transition: all 0.2s; }
.vote-btn-new:hover { background: #444; }
.vote-btn-new.voted-good { background: #4CAF50; border-color: #4CAF50; font-weight: bold; }
.vote-btn-new.voted-bad { background: #f44336; border-color: #f44336; font-weight: bold; }
.login-to-vote { width: 100%; text-align: center; font-size: 0.9em; color: #999; }
.login-to-vote a { color: var(--primary-color); }

/* --- Yeni Haber Detay Sayfası Tasarımı --- */
.news-detail-layout {
    display: grid;
    grid-template-columns: 1fr;
    gap: 40px;
}
@media(min-width: 992px) {
    .news-detail-layout { grid-template-columns: 1fr 320px; }
    .news-sidebar { order: 2; }
    .news-article { order: 1; }
}

.news-article {
    background-color: var(--dark-bg-2);
    padding: 30px;
    border-radius: 12px;
}

.news-header h1 {
    font-size: 2.5em;
    color: #fff;
    margin: 0 0 15px;
    line-height: 1.2;
    border: none;
    text-align: left;
}

.news-summary {
    font-size: 1.2em;
    color: var(--text-dark);
    margin-bottom: 20px;
}

.article-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    align-items: center;
    padding-bottom: 20px;
    border-bottom: 1px solid #333;
    margin-bottom: 25px;
}

.author-info, .date-info {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 0.9em;
}
.author-info.source img { width: 30px; height: 30px; border-radius: 50%; }

.news-main-image {
    margin: 0 0 25px;
}
.news-main-image img {
    width: 100%;
    border-radius: 8px;
}

.news-content-body {
    font-size: 1.1em;
    line-height: 1.8;
    color: var(--text-dark);
}
.news-content-body p, .news-content-body h2, .news-content-body h3 {
    margin-bottom: 1.2em;
}

/* Yorumlar Bölümü */
.comments-section-new {
    margin-top: 40px;
    padding-top: 30px;
    border-top: 1px solid #333;
}
.comments-section-new h3 {
    font-size: 1.6em;
    color: #fff;
    margin-bottom: 20px;
}

.comment-item {
    background-color: var(--dark-bg-3);
    padding: 15px;
    border-radius: 8px;
    margin-bottom: 15px;
}
.comment-author-info { display: flex; align-items: center; gap: 8px; margin-bottom: 8px; }
.comment-author-name { font-weight: bold; color: #fff; }
.author-level { font-size: 1.2em; }
.comment-text { margin: 0 0 8px; color: var(--text-light); }
.comment-date { font-size: 0.8em; color: #888; }

/* --- Gündemdeki Sıcak Gelişmeler (Liste Tasarımı) --- */
.featured-rumors-section-list {
    margin-bottom: 30px;
    background: var(--dark-bg-2);
    padding: 25px;
    border-radius: 12px;
}
.section-header {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    margin-bottom: 20px;
}
.section-header h2 { margin: 0; font-size: 1.8em; color: #fff; border: none; }
.view-all-link { color: var(--primary-color); text-decoration: none; font-weight: 500; }

.rumor-list-wrapper {
    display: flex;
    flex-direction: column;
    gap: 15px;
}
.rumor-list-item {
    display: flex;
    align-items: center;
    gap: 15px;
    padding: 15px;
    background: var(--dark-bg-3);
    border-radius: 8px;
    text-decoration: none;
    color: var(--text-light);
    transition: background-color 0.3s;
}
.rumor-list-item:hover {
    background-color: #444;
}
.player-avatar-list {
    width: 45px;
    height: 45px;
    border-radius: 50%;
    object-fit: cover;
    flex-shrink: 0;
}
.rumor-list-details {
    flex-grow: 1;
}
.rumor-list-details p {
    margin: 0 0 5px;
    font-weight: 500;
}
.rumor-list-details small {
    color: var(--text-dark);
}
.rumor-list-score {
    margin-left: auto;
    flex-shrink: 0;
}

@property --p{
  syntax: '<integer>';
  initial-value: 0;
  inherits: false;
}
.score-circle {
    --p: var(--score, 0);
    --b: 5px; 
    --c: var(--primary-color);
    --w: 55px;
    width: var(--w);
    aspect-ratio: 1;
    position: relative;
    display: inline-grid;
    place-content: center;
    font-size: 1.1em;
    font-weight: bold;
    animation: p 1s .5s both;
}
.score-circle:before,
.score-circle:after {
    content: "";
    position: absolute;
    border-radius: 50%;
}
.score-circle:before {
    inset: 0;
    background: radial-gradient(farthest-side,var(--c) 98%,#0000) top/var(--b) var(--b) no-repeat, conic-gradient(var(--c) calc(var(--p)*1%), #0000 0);
    -webkit-mask: radial-gradient(farthest-side,#0000 calc(99% - var(--b)),#000 calc(100% - var(--b)));
    mask: radial-gradient(farthest-side,#0000 calc(99% - var(--b)),#000 calc(100% - var(--b)));
}
@keyframes p { from{--p:0} }

/* Ana İçerik ve Transfer Kartları */
.main-content-full {
    background-color: var(--dark-bg-2);
    padding: 25px;
    border-radius: 12px;
}

/* --- Profil Sayfası Seviye İlerleme Barı Stilleri --- */
.level-display {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px; /* Elemanlar arası boşluk */
}

.level-progress-bar {
    width: 80%;
    height: 8px;
    background-color: var(--dark-bg-3);
    border-radius: 4px;
    overflow: hidden;
}
.progress-fill {
    height: 100%;
    background: linear-gradient(90deg, #FFC107, #ff9800);
    border-radius: 4px;
    transition: width 0.5s ease-out;
}
.next-level-info {
    font-size: 0.8em;
    color: var(--text-dark);
}
.next-level-info strong {
    color: var(--text-light);
}

/* --- TPP Açıklama Pop-up Stili --- */
.tpp-label {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
}
.tpp-tooltip-wrapper {
    position: relative;
    display: inline-flex;
    align-items: center;
}
.tpp-tooltip-wrapper .fa-circle-question {
    cursor: help;
    font-size: 0.9em;
    color: var(--text-dark);
}
.tpp-tooltip {
    visibility: hidden;
    opacity: 0;
    width: 280px;
    background-color: var(--dark-bg-3);
    color: var(--text-light);
    text-align: left;
    padding: 15px;
    border-radius: 8px;
    position: absolute;
    z-index: 10;
    bottom: 150%;
    left: 50%;
    transform: translateX(-50%);
    box-shadow: 0 5px 15px rgba(0,0,0,0.3);
    transition: opacity 0.3s, visibility 0.3s;
    font-size: 0.9em;
    line-height: 1.6;
}
.tpp-tooltip strong {
    display: block;
    margin-bottom: 8px;
    color: #fff;
}
.tpp-tooltip::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: var(--dark-bg-3) transparent transparent transparent;
}
.tpp-tooltip-wrapper:hover .tpp-tooltip {
    visibility: visible;
    opacity: 1;
}

/* --- Modern Sanal Mağaza Stilleri --- */

.shop-header {
    text-align: center;
    padding: 30px 20px;
    background-color: var(--dark-bg-2);
    border-radius: 12px;
    margin-bottom: 30px;
}
.shop-header h1 { font-size: 2.5em; color: #fff; margin: 0 0 10px; border: none; }
.shop-header p { font-size: 1.1em; color: var(--text-dark); max-width: 600px; margin: 0 auto; }
.user-tpp-balance {
    margin-top: 20px;
    display: inline-block;
    padding: 8px 15px;
    background-color: rgba(255, 193, 7, 0.1);
    border: 1px solid #FFC107;
    border-radius: 20px;
    color: #FFC107;
}
.user-tpp-balance strong { color: #fff; }

.shop-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
    gap: 25px;
}

.product-showcase-card {
    background-color: var(--dark-bg-2);
    border-radius: 12px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    border: 1px solid #333;
}

.product-visual {
    background-color: #111;
    padding: 30px 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 180px;
}

/* Önizleme stilleri */
.preview-comment { background-color: var(--dark-bg-3); padding: 15px; border-radius: 8px; width: 100%; }
.preview-author { display: flex; align-items: center; gap: 8px; margin-bottom: 8px; font-weight: bold; color: #fff; }
.preview-comment p { margin: 0; font-size: 0.9em; color: var(--text-dark); }
.cerceve-preview { border: 2px solid transparent; }
.ikon-preview .preview-author i { color: #1DA1F2; }


.product-details {
    padding: 20px;
    flex-grow: 1;
    display: flex;
    flex-direction: column;
}
.product-details h3 { margin: 0 0 10px; font-size: 1.3em; color: #fff; }
.product-description { margin: 0 0 20px; font-size: 0.9em; color: var(--text-dark); line-height: 1.6; flex-grow: 1; }

.product-buy-area {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-top: 1px solid #333;
    padding-top: 15px;
    margin-top: 15px;
}
.product-price { display: flex; align-items: center; gap: 8px; font-size: 1.2em; font-weight: 700; color: #FFC107; }
.product-price .fa-coins { font-size: 1.2em; }

.buy-button {
    text-decoration: none;
    padding: 10px 20px;
    border: none;
    border-radius: 5px;
    font-weight: bold;
    cursor: pointer;
    transition: all 0.2s;
}
.buy-button.buyable { background-color: var(--primary-color); color: #fff; }
.buy-button.buyable:hover { background-color: #c62828; transform: scale(1.05); }
.buy-button.owned { background-color: #4CAF50; color: #fff; }
.buy-button.disabled { background-color: #555; color: #888; cursor: not-allowed; }

/* --- Koleksiyon Kartları Mağaza Stilleri --- */
.collectible-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 25px;
}
.collectible-card {
    background-color: var(--dark-bg-2);
    border-radius: 12px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    border: 1px solid transparent;
    transition: all 0.3s ease;
}
.collectible-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 20px rgba(0,0,0,0.3);
}
/* Nadirlik Seviyelerine Göre Kenarlık Renkleri */
.collectible-card.nadir { border-color: #1E88E5; } /* Mavi */
.collectible-card.epik { border-color: #8E44AD; } /* Mor */
.collectible-card.efsanevi { border-color: #F39C12; } /* Turuncu/Altın */
.collectible-card.efsanevi:hover { box-shadow: 0 10px 30px rgba(243, 156, 18, 0.4); }


.card-image-wrapper {
    position: relative;
    height: 380px;
}
.card-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.card-rarity {
    position: absolute;
    top: 10px;
    right: 10px;
    padding: 5px 12px;
    font-size: 0.8em;
    font-weight: bold;
    color: #fff;
    border-radius: 15px;
    text-transform: uppercase;
    backdrop-filter: blur(5px);
}
.yaygın .card-rarity { background-color: rgba(158, 158, 158, 0.7); }
.nadir .card-rarity { background-color: rgba(30, 136, 229, 0.7); }
.epik .card-rarity { background-color: rgba(142, 68, 173, 0.7); }
.efsanevi .card-rarity { background-color: rgba(243, 156, 18, 0.7); }

.card-details-wrapper {
    padding: 20px;
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    border-top: 1px solid #333;
}
.card-type-badge {
    align-self: flex-start;
    font-size: 0.8em;
    font-weight: 500;
    padding: 4px 10px;
    border-radius: 15px;
    background-color: var(--dark-bg-3);
    margin-bottom: 10px;
}

.card-details-wrapper h3 { margin: 0 0 10px; font-size: 1.3em; color: #fff; }
.card-description { margin: 0 0 20px; font-size: 0.9em; color: var(--text-dark); line-height: 1.6; flex-grow: 1; }

.card-purchase-area {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.card-price { display: flex; align-items: center; gap: 8px; font-size: 1.2em; font-weight: 700; color: #FFC107; }

/* --- Profil Sayfası Koleksiyon Bölümü Stilleri --- */
.profile-main-content {
    display: grid;
    grid-template-columns: 1fr;
    gap: 30px;
}
@media (min-width: 992px) {
    .profile-main-content {
        grid-template-columns: 2fr 1fr; /* Koleksiyon daha geniş olsun */
    }
}
.collection-section, .follow-lists-section {
    background-color: var(--dark-bg-2);
    padding: 25px;
    border-radius: 12px;
}
.collection-section h2, .follow-lists-section h2 {
    margin-top: 0;
    margin-bottom: 20px;
    font-size: 1.6em;
    border-bottom: 2px solid var(--primary-color);
    padding-bottom: 10px;
}
.follow-lists-section {
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.collection-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));
    gap: 15px;
}
.collection-card {
    position: relative;
    aspect-ratio: 3/4;
    border-radius: 8px;
    overflow: hidden;
    border: 2px solid transparent;
    transition: transform 0.3s, box-shadow 0.3s;
}
.collection-card:hover {
    transform: scale(1.05);
    z-index: 5;
}
.collection-card img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.card-rarity-badge {
    position: absolute;
    bottom: 5px;
    left: 50%;
    transform: translateX(-50%);
    font-size: 0.7em;
    padding: 3px 8px;
    border-radius: 10px;
    font-weight: bold;
    color: #fff;
    text-transform: uppercase;
}
.collection-card.yaygın { border-color: #555; }
.collection-card.nadir { border-color: #1E88E5; }
.collection-card.epik { border-color: #8E44AD; }
.collection-card.efsanevi { border-color: #F39C12; box-shadow: 0 0 15px rgba(243, 156, 18, 0.5); }

.yaygın .card-rarity-badge { background-color: rgba(158, 158, 158, 0.8); }
.nadir .card-rarity-badge { background-color: rgba(30, 136, 229, 0.8); }
.epik .card-rarity-badge { background-color: rgba(142, 68, 173, 0.8); }
.efsanevi .card-rarity-badge { background-color: rgba(243, 156, 18, 0.8); }

.empty-list-message a {
    color: var(--primary-color);
    font-weight: bold;
}

/* --- Mağaza Vitrini Liste Stilleri --- */
.shop-list-container {
    max-width: 900px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.shop-item {
    display: grid;
    grid-template-columns: 100px 1fr auto;
    align-items: center;
    gap: 20px;
    background-color: var(--dark-bg-2);
    padding: 15px;
    border-radius: 10px;
    border: 1px solid var(--dark-bg-3);
    border-left-width: 5px;
    transition: all 0.3s ease;
}

.shop-item:hover {
    background-color: var(--dark-bg-3);
    border-color: var(--primary-color);
}

/* Nadirlik Seviyelerine Göre Kenarlık Renkleri */
.shop-item.yaygın { border-left-color: #9E9E9E; }
.shop-item.nadir { border-left-color: #1E88E5; }
.shop-item.epik { border-left-color: #8E44AD; }
.shop-item.efsanevi { border-left-color: #F39C12; }

.item-visual {
    position: relative;
    width: 100px;
    height: 140px;
}
.item-visual img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 6px;
}
.item-rarity {
    position: absolute;
    bottom: 5px;
    right: 5px;
    font-size: 0.7em;
    padding: 2px 8px;
    border-radius: 10px;
    font-weight: bold;
    color: #fff;
    text-transform: uppercase;
    backdrop-filter: blur(4px);
}
.yaygın .item-rarity { background-color: rgba(158, 158, 158, 0.7); }
.nadir .item-rarity { background-color: rgba(30, 136, 229, 0.7); }
.epik .item-rarity { background-color: rgba(142, 68, 173, 0.7); }
.efsanevi .item-rarity { background-color: rgba(243, 156, 18, 0.7); }

.item-details .item-type {
    font-size: 0.8em;
    font-weight: 500;
    padding: 3px 9px;
    border-radius: 15px;
    background-color: var(--dark-bg-3);
    margin-bottom: 10px;
    display: inline-block;
}
.item-details h3 { margin: 0 0 8px; font-size: 1.3em; color: #fff; }
.item-details p { margin: 0; font-size: 0.9em; color: var(--text-dark); line-height: 1.5; }

.item-purchase-area {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    min-width: 150px;
}
.item-price {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 1.2em;
    font-weight: 700;
    color: #FFC107;
}

.buy-button-list {
    width: 100%;
    text-decoration: none;
    padding: 10px;
    border: none;
    border-radius: 5px;
    font-weight: bold;
    cursor: pointer;
    transition: all 0.2s;
    text-align: center;
}
.buy-button-list.buyable { background-color: var(--primary-color); color: #fff; }
.buy-button-list.buyable:hover { background-color: #c62828; }
.buy-button-list.owned { background-color: #4CAF50; color: #fff; }
.buy-button-list.disabled { background-color: #555; color: #888; cursor: not-allowed; }

@media (max-width: 768px) {
    .shop-item {
        grid-template-columns: 1fr;
        text-align: center;
    }
    .item-visual { margin: 0 auto; }
    .item-purchase-area { margin-top: 15px; }
}

/* --- Mağaza Vitrini Liste Stilleri (kirmizikep.com Benzeri) --- */
.shop-list-public-container {
    max-width: 900px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.shop-item-public {
    display: grid;
    grid-template-columns: 100px 1fr auto;
    align-items: center;
    gap: 20px;
    background-color: var(--dark-bg-2);
    padding: 15px;
    border-radius: 10px;
    border: 1px solid var(--dark-bg-3);
    border-left-width: 5px;
    transition: all 0.3s ease;
}

.shop-item-public:hover {
    background-color: var(--dark-bg-3);
    transform: scale(1.02);
}

/* Nadirlik Seviyelerine Göre Kenarlık Renkleri */
.shop-item-public.rarity-yaygın { border-left-color: #9E9E9E; }
.shop-item-public.rarity-nadir { border-left-color: #1E88E5; }
.shop-item-public.rarity-epik { border-left-color: #8E44AD; }
.shop-item-public.rarity-efsanevi { border-left-color: #F39C12; }
.shop-item-public.rarity-efsanevi:hover { box-shadow: 0 5px 20px rgba(243, 156, 18, 0.2); }

.item-visual-public {
    width: 100px;
    height: 140px;
}
.item-visual-public img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 6px;
}

.item-details-public {
    padding-right: 15px;
}

.item-header-public {
    display: flex;
    align-items: baseline;
    gap: 10px;
    margin-bottom: 8px;
}
.item-header-public h3 { 
    margin: 0; 
    font-size: 1.4em; 
    color: #fff;
}
.item-rarity-public {
    font-size: 0.8em;
    font-weight: bold;
    text-transform: uppercase;
    padding: 3px 8px;
    border-radius: 4px;
    color: #fff;
}
.rarity-yaygın .item-rarity-public { background-color: #9E9E9E; }
.rarity-nadir .item-rarity-public { background-color: #1E88E5; }
.rarity-epik .item-rarity-public { background-color: #8E44AD; }
.rarity-efsanevi .item-rarity-public { background-color: #F39C12; }

.item-details-public p { 
    margin: 0; 
    font-size: 0.9em; 
    color: var(--text-dark); 
    line-height: 1.5; 
}

.item-purchase-public {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    min-width: 150px;
    border-left: 1px solid var(--dark-bg-3);
    padding-left: 20px;
}
.item-price-public {
    display: flex;
    align-items: baseline;
    gap: 8px;
    font-size: 1.1em;
    font-weight: 700;
    color: #FFC107;
}
.item-price-public span { font-size: 1.5em; }
.item-price-public strong { font-size: 1em; font-weight: 500; }

.buy-button-public {
    width: 100%;
    text-decoration: none;
    padding: 10px;
    border: none;
    border-radius: 5px;
    font-weight: bold;
    cursor: pointer;
    transition: all 0.2s;
    text-align: center;
}
.buy-button-public.buyable { background-color: var(--primary-color); color: #fff; }
.buy-button-public.buyable:hover { background-color: #c62828; }
.buy-button-public.owned { background-color: #4CAF50; color: #fff; }
.buy-button-public.disabled { background-color: #555; color: #888; cursor: not-allowed; }

@media (max-width: 768px) {
    .shop-item-public {
        grid-template-columns: 1fr;
        text-align: center;
    }
    .item-visual-public { margin: 0 auto; }
    .item-header-public { justify-content: center; }
    .item-purchase-public { 
        margin-top: 20px; 
        padding-top: 15px; 
        padding-left: 0;
        border-top: 1px solid var(--dark-bg-3);
        border-left: none;
        width: 100%;
    }
}

/* --- Mağaza Vitrini Grid Stilleri (4'lü Düzen) --- */
.shop-grid-public {
    display: grid;
    /* Esnek grid yapısı: Her kart en az 300px olacak, sığdığı kadar yan yana dizilecek */
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 25px;
}

.shop-item-public {
    display: flex;
    gap: 15px;
    background-color: var(--dark-bg-2);
    padding: 15px;
    border-radius: 10px;
    border: 1px solid var(--dark-bg-3);
    transition: all 0.3s ease;
}

.shop-item-public:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 20px rgba(0,0,0,0.2);
    border-color: var(--primary-color);
}

/* Nadirlik Seviyelerine Göre Vurgu */
.shop-item-public.rarity-nadir { border-top: 3px solid #1E88E5; }
.shop-item-public.rarity-epik { border-top: 3px solid #8E44AD; }
.shop-item-public.rarity-efsanevi { border-top: 3px solid #F39C12; }
.shop-item-public.rarity-efsanevi:hover { box-shadow: 0 10px 30px rgba(243, 156, 18, 0.3); }

.item-visual-public {
    width: 80px;
    height: 110px;
    flex-shrink: 0;
}
.item-visual-public img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 6px;
}

.item-content-public {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
}

.item-details-public {
    flex-grow: 1;
}

.item-header-public {
    display: flex;
    align-items: baseline;
    gap: 10px;
    margin-bottom: 8px;
}
.item-header-public h3 { 
    margin: 0; 
    font-size: 1.2em; 
    color: #fff;
}
.item-rarity-public {
    font-size: 0.75em;
    font-weight: bold;
    text-transform: uppercase;
    padding: 2px 7px;
    border-radius: 4px;
    color: #fff;
}
.rarity-yaygın .item-rarity-public { background-color: #9E9E9E; }
.rarity-nadir .item-rarity-public { background-color: #1E88E5; }
.rarity-epik .item-rarity-public { background-color: #8E44AD; }
.rarity-efsanevi .item-rarity-public { background-color: #F39C12; }

.item-details-public p { 
    margin: 0; 
    font-size: 0.9em; 
    color: var(--text-dark); 
    line-height: 1.5; 
}

.item-purchase-public {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 15px;
    padding-top: 10px;
    border-top: 1px solid var(--dark-bg-3);
}
.item-price-public {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 1.1em;
    font-weight: 700;
    color: #FFC107;
}
.item-price-public span { font-size: 1.3em; }
.item-price-public strong { font-size: 1em; font-weight: 500; }

.buy-button-public {
    text-decoration: none;
    padding: 8px 15px;
    border: none;
    border-radius: 5px;
    font-weight: bold;
    cursor: pointer;
    transition: all 0.2s;
    text-align: center;
}
.buy-button-public.buyable { background-color: var(--primary-color); color: #fff; }
.buy-button-public.buyable:hover { background-color: #c62828; }
.buy-button-public.owned { background-color: #4CAF50; color: #fff; }
.buy-button-public.disabled { background-color: #555; color: #888; cursor: not-allowed; }

/* --- Oyuncu Detay Sayfası Özel Kartlar Bölümü --- */
.player-cards-section {
    background-color: var(--dark-bg-2);
    padding: 25px;
    border-radius: 12px;
    margin-bottom: 30px;
}
.player-cards-section h2 {
    margin-top: 0;
    margin-bottom: 20px;
    font-size: 1.8em;
    border-bottom: 2px solid var(--primary-color);
    padding-bottom: 10px;
}
/* Profil sayfasındaki koleksiyon grid stilini burada da kullanabiliriz */
.collection-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
    gap: 15px;
}
.collection-card {
    position: relative;
    aspect-ratio: 3/4;
    border-radius: 8px;
    overflow: hidden;
    border: 2px solid transparent;
    transition: transform 0.3s, box-shadow 0.3s;
}
.collection-card:hover {
    transform: scale(1.05);
    z-index: 5;
}
.collection-card img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.card-rarity-badge {
    position: absolute;
    bottom: 5px;
    left: 50%;
    transform: translateX(-50%);
    font-size: 0.7em;
    padding: 3px 8px;
    border-radius: 10px;
    font-weight: bold;
    color: #fff;
    text-transform: uppercase;
    backdrop-filter: blur(4px);
}
.collection-card.yaygın { border-color: #555; }
.collection-card.nadir { border-color: #1E88E5; }
.collection-card.epik { border-color: #8E44AD; }
.collection-card.efsanevi { border-color: #F39C12; box-shadow: 0 0 15px rgba(243, 156, 18, 0.5); }
.yaygın .card-rarity-badge { background-color: rgba(158, 158, 158, 0.8); }
.nadir .card-rarity-badge { background-color: rgba(30, 136, 229, 0.8); }
.epik .card-rarity-badge { background-color: rgba(142, 68, 173, 0.8); }
.efsanevi .card-rarity-badge { background-color: rgba(243, 156, 18, 0.8); }

/* --- Mağaza Arama Çubuğu --- */
.shop-search-bar {
    max-width: 600px;
    margin: 0 auto 30px auto;
}
.shop-search-bar form {
    display: flex;
    background-color: var(--dark-bg-2);
    border-radius: 25px;
    padding: 5px;
    border: 1px solid #333;
}
.shop-search-bar input {
    flex-grow: 1;
    background: none;
    border: none;
    padding: 10px 15px;
    color: var(--text-light);
    font-size: 1em;
}
.shop-search-bar input:focus {
    outline: none;
}
.shop-search-bar button {
    background-color: var(--primary-color);
    border: none;
    color: #fff;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    cursor: pointer;
    font-size: 1.1em;
    flex-shrink: 0;
}

/* --- Mağaza Vitrini Grid Stilleri (4'lü Düzen) --- */
.shop-grid-public {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 25px;
}
.shop-item-public {
    display: flex;
    gap: 15px;
    background-color: var(--dark-bg-2);
    padding: 15px;
    border-radius: 10px;
    border: 1px solid var(--dark-bg-3);
    transition: all 0.3s ease;
}
.shop-item-public:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 20px rgba(0,0,0,0.2);
    border-color: var(--primary-color);
}
.shop-item-public.rarity-nadir { border-top: 3px solid #1E88E5; }
.shop-item-public.rarity-epik { border-top: 3px solid #8E44AD; }
.shop-item-public.rarity-efsanevi { border-top: 3px solid #F39C12; }
.shop-item-public.rarity-efsanevi:hover { box-shadow: 0 10px 30px rgba(243, 156, 18, 0.3); }

.item-visual-public {
    width: 80px;
    height: 110px;
    flex-shrink: 0;
}
.item-visual-public img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 6px;
}

.item-content-public { display: flex; flex-direction: column; flex-grow: 1; }
.item-details-public { flex-grow: 1; }
.item-header-public { display: flex; align-items: baseline; gap: 10px; margin-bottom: 8px; }
.item-header-public h3 { margin: 0; font-size: 1.2em; color: #fff; }
.item-rarity-public { font-size: 0.75em; font-weight: bold; text-transform: uppercase; padding: 2px 7px; border-radius: 4px; color: #fff; }
.rarity-yaygın .item-rarity-public { background-color: #9E9E9E; }
.rarity-nadir .item-rarity-public { background-color: #1E88E5; }
.rarity-epik .item-rarity-public { background-color: #8E44AD; }
.rarity-efsanevi .item-rarity-public { background-color: #F39C12; }
.item-details-public p { margin: 0; font-size: 0.9em; color: var(--text-dark); line-height: 1.5; }

.item-purchase-public { display: flex; justify-content: space-between; align-items: center; margin-top: 15px; padding-top: 10px; border-top: 1px solid var(--dark-bg-3); }
.item-price-public { display: flex; align-items: center; gap: 8px; font-size: 1.1em; font-weight: 700; color: #FFC107; }
.item-price-public span { font-size: 1.3em; }
.item-price-public strong { font-size: 1em; font-weight: 500; }

.buy-button-public { text-decoration: none; padding: 8px 15px; border: none; border-radius: 5px; font-weight: bold; cursor: pointer; transition: all 0.2s; text-align: center; }
.buy-button-public.buyable { background-color: var(--primary-color); color: #fff; }
.buy-button-public.buyable:hover { background-color: #c62828; }
.buy-button-public.owned { background-color: #4CAF50; color: #fff; }
.buy-button-public.disabled { background-color: #555; color: #888; cursor: not-allowed; }

.item-stock-badge {
    position: absolute;
    top: 8px;
    left: 8px;
    background: rgba(18, 18, 18, 0.8);
    backdrop-filter: blur(5px);
    color: #fff;
    padding: 3px 9px;
    border-radius: 5px;
    font-size: 0.8em;
    font-weight: 500;
    border: 1px solid rgba(255,255,255,0.2);
}



/* --- Transfer Detay Sayfası Stilleri --- */
.transfer-detail-header { display: flex; justify-content: space-between; align-items: center; background-color: var(--dark-bg-2); padding: 20px; border-radius: 12px; margin-bottom: 20px; }
.transfer-detail-header .team-block { flex: 1; text-align: center; text-decoration: none; color: inherit; }
.transfer-detail-header .team-block img { height: 100px; margin-bottom: 10px; }
.transfer-detail-header .team-block h3 { margin: 0; font-size: 1.5em; color: #fff; }
.transfer-detail-header .player-block { text-align: center; }
.transfer-detail-header .player-block img { width: 150px; height: 150px; border-radius: 50%; border: 4px solid var(--primary-color); object-fit: cover; }
.transfer-arrow { font-size: 3em; color: #555; margin: 0 20px; }

.transfer-main-content { background-color: var(--dark-bg-2); padding: 30px; border-radius: 12px; }
.transfer-info-bar h1 { font-size: 2.8em; margin: 0 0 15px; border:none; text-align: left; color: #fff; }
.info-tags { display: flex; flex-wrap: wrap; gap: 10px; margin-bottom: 30px; }
.info-tags .tag { background-color: var(--dark-bg-3); padding: 8px 12px; border-radius: 20px; font-size: 0.9em; display: flex; align-items: center; gap: 8px; }
.info-tags .tag i { color: var(--primary-color); }

.community-verdict { margin-bottom: 40px; }
.community-verdict h3 { font-size: 1.6em; color: #fff; margin-bottom: 15px; }
.verdict-bar { width: 100%; height: 10px; background-color: #f44336; border-radius: 5px; overflow: hidden; }
.approval-bar { height: 100%; background-color: #4CAF50; border-radius: 5px; transition: width 0.5s; }
.verdict-stats { display: flex; justify-content: space-between; margin-top: 10px; }
.vote-box { text-decoration: none; color: inherit; }
.vote-box.good { color: #4CAF50; }
.vote-box.bad { color: #f44336; text-align: right; }
.vote-box span { font-size: 0.9em; }
.vote-box strong { font-size: 1.5em; margin: 0 5px; }


/* --- Gündemdeki Sıcak Gelişmeler (Liste Tasarımı) --- */
.featured-rumors-section-list {
    margin-bottom: 30px;
    background: var(--dark-bg-2);
    padding: 25px;
    border-radius: 12px;
}
.section-header { display: flex; justify-content: space-between; align-items: baseline; margin-bottom: 20px; }
.section-header h2 { margin: 0; font-size: 1.8em; color: #fff; border: none; }
.view-all-link { color: var(--primary-color); text-decoration: none; font-weight: 500; }
.rumor-list-wrapper { display: flex; flex-direction: column; gap: 15px; }
.rumor-list-item { display: flex; align-items: center; gap: 15px; padding: 15px; background: var(--dark-bg-3); border-radius: 8px; text-decoration: none; color: var(--text-light); transition: background-color 0.3s; }
.rumor-list-item:hover { background-color: #444; }
.player-avatar-list { width: 45px; height: 45px; border-radius: 50%; object-fit: cover; flex-shrink: 0; }
.rumor-list-details { flex-grow: 1; }
.rumor-list-details p { margin: 0 0 5px; font-weight: 500; }
.rumor-list-details small { color: var(--text-dark); }
.rumor-list-score { margin-left: auto; flex-shrink: 0; }
@property --p{ syntax: '<integer>'; initial-value: 0; inherits: false; }
.score-circle { --p: var(--score, 0); --b: 5px; --c: var(--primary-color); --w: 55px; width: var(--w); aspect-ratio: 1; position: relative; display: inline-grid; place-content: center; font-size: 1.1em; font-weight: bold; animation: p 1s .5s both; }
.score-circle:before, .score-circle:after { content: ""; position: absolute; border-radius: 50%; }
.score-circle:before { inset: 0; background: radial-gradient(farthest-side,var(--c) 98%,#0000) top/var(--b) var(--b) no-repeat, conic-gradient(var(--c) calc(var(--p)*1%), #0000 0); -webkit-mask: radial-gradient(farthest-side,#0000 calc(99% - var(--b)),#000 calc(100% - var(--b))); mask: radial-gradient(farthest-side,#0000 calc(99% - var(--b)),#000 calc(100% - var(--b))); }
@keyframes p { from{--p:0} }

/* Ana İçerik ve Modern Transfer Kartları */
.main-content-full { background-color: var(--dark-bg-2); padding: 25px; border-radius: 12px; }
.modern-filter .filter-form { background: var(--dark-bg-3); border-radius: 8px; padding: 10px; }
.modern-filter .filter-icon { color: var(--text-dark); font-size: 1.2em; margin: 0 10px; }
.modern-filter input, .modern-filter select { background: transparent; border: none; }


.transfer-list-modern { display: flex; flex-direction: column; gap: 15px; }
.transfer-card-modern { display: grid; grid-template-columns: 2fr 3fr 1fr; align-items: center; gap: 15px; background: var(--dark-bg-3); padding: 15px; border-radius: 8px; transition: box-shadow 0.3s, transform 0.3s; }

.player-column, .teams-column, .team-block-modern { display: flex; align-items: center; gap: 15px; }
.player-image-modern { width: 50px; height: 50px; border-radius: 50%; object-fit: cover; }

.player-name-link:hover h3 { color: var(--primary-color); }
.player-details-modern .transfer-fee { font-size: 0.9em; color: var(--text-dark); }
.team-logo-modern { width: 30px; height: 30px; }
.arrow-modern { font-size: 1.5em; color: var(--primary-color); }
.actions-column { text-align: right; }
.status-modern { display: block; font-weight: bold; padding: 4px 8px; border-radius: 5px; color: #fff; font-size: 0.8em; margin-bottom: 10px; text-align: center; }

.vote-section-modern .vote-btn { background: var(--dark-bg-2); padding: 5px 10px; border-radius: 5px; text-decoration: none; color: #fff; }

.player-detail-layout { display: grid; grid-template-columns: 1fr; gap: 30px; margin-top: 30px; }
@media(min-width: 992px) { .player-detail-layout { grid-template-columns: 2fr 1fr; } }
.player-main-col { background: var(--dark-bg-2); padding: 25px; border-radius: 12px; }
.tabs-container { width: 100%; }
.tabs-nav { display: flex; border-bottom: 2px solid #333; margin-bottom: 20px; }
.tab-link { background: none; border: none; padding: 10px 20px; cursor: pointer; font-size: 1.1em; font-weight: 500; color: var(--text-dark); position: relative; }
.tab-link.active { color: #fff; }
.tab-link.active::after { content: ''; position: absolute; bottom: -2px; left: 0; width: 100%; height: 2px; background-color: var(--primary-color); }
.tab-pane { display: none; }
.tab-pane.active { display: block; animation: fadeIn 0.5s; }
@keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } }
.news-list-condensed { list-style: none; padding: 0; margin: 0; }
.news-list-condensed li a { display: block; padding: 12px; background-color: var(--dark-bg-3); border-radius: 5px; margin-bottom: 10px; text-decoration: none; color: var(--text-light); transition: background-color 0.3s; }
.news-list-condensed li a:hover { background-color: var(--primary-color); }
.widget { background-color: var(--dark-bg-2); padding: 20px; border-radius: 12px; margin-bottom: 20px; }
.widget h3 { margin: 0 0 15px; font-size: 1.2em; color: #fff; border-bottom: 1px solid #444; padding-bottom: 10px; }
.widget h3 i { margin-right: 8px; color: var(--primary-color); }
.player-stats-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 15px; }
.stat-box-small { background: var(--dark-bg-3); text-align: center; padding: 15px; border-radius: 8px; }
.stat-box-small span { display: block; font-size: 2em; font-weight: 700; color: #fff; }
.stat-box-small label { display: block; font-size: 0.8em; color: var(--text-dark); }
.stat-box-small.yellow span { color: #FFC107; }
.stat-box-small.red span { color: #f44336; }
.sidebar-collection { grid-template-columns: repeat(auto-fill, minmax(80px, 1fr)); }

.match-body-link {
    text-decoration: none;
    color: inherit;
    display: block;
}
.team-link-stopPropagation {
    z-index: 2; /* Takım linklerinin ana linkin üzerinde kalmasını sağlar */
    position: relative;
    text-decoration: none;
    color: inherit;
}

.match-card.betting-card {
    position: relative;
}
/* Kartın tamamını kaplayan görünmez link */
.match-detail-full-link {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1; /* Diğer linklerin altında kalır */
}

/* Takım linklerini ve bahis butonlarını ana linkin ÜSTÜNE çıkarıyoruz */
.team-link-standalone, .betting-odds a {
    position: relative;
    z-index: 2; /* Bu, tıklanabilir olmalarını sağlar */
    text-decoration: none;
    color: inherit;
}

.match-detail-header-new {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: var(--dark-bg-2);
    padding: 30px;
    border-radius: 12px;
    margin-bottom: 30px;
}
.team-header-block {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 15px;
    text-decoration: none;
    color: inherit;
}
.team-logo-large { width: 100px; height: 100px; object-fit: contain; }
.team-name-large { font-size: 1.8em; font-weight: bold; color: #fff; }
.score-info-block { text-align: center; }
.final-score { font-size: 3.5em; font-weight: 800; color: #fff; line-height: 1; }
.match-time { font-size: 2.5em; font-weight: 800; color: #fff; line-height: 1; }
.match-status { display: block; margin-top: 10px; padding: 5px 10px; border-radius: 5px; font-size: 0.9em; color: #fff; }
.match-status.finished { background-color: var(--primary-color); }
.match-status.not-played { background-color: #555; }
.league-info { margin-top: 10px; color: var(--text-dark); }

.tabs-container.match-tabs { background-color: var(--dark-bg-2); padding: 25px; border-radius: 12px; }
.event-player-link { text-decoration: none; font-weight: bold; color: #fff; }
.event-player-link:hover { text-decoration: underline; }
.lineups-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 30px; }
.lineup-team h4 { font-size: 1.3em; color: #fff; border-bottom: 1px solid #444; padding-bottom: 10px; }
.lineup-team ul { list-style: none; padding: 0; }
.lineup-team li a { display: flex; align-items: center; gap: 10px; padding: 8px 0; text-decoration: none; color: var(--text-dark); transition: color 0.3s; }
.lineup-team li a:hover { color: #fff; }
.forma-no { font-weight: bold; background: #333; color: #fff; border-radius: 4px; padding: 3px 7px; font-size: 0.9em; }

/* --- Modern Giriş/Kayıt Sayfası Stilleri --- */

body.auth-page {
    /* Tüm sayfayı kaplayan bir arka plan resmi ve gradient */
    background: linear-gradient(rgba(18, 18, 18, 0.85), rgba(18, 18, 18, 0.85)), url('https://e0.365dm.com/22/07/2048x1152/skysports-kylian-mbappe-psg_5848373.jpg') no-repeat center center fixed;
    background-size: cover;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 100vh;
    padding-top: 0; /* Sabit header için olan padding'i bu sayfada sıfırla */
}

/* Bu sayfalarda header'ı gizle */
.auth-page .main-header {
    display: none;
}
.auth-page .page-content {
    padding: 20px;
}

.auth-container {
    width: 100%;
    max-width: 450px;
}

.auth-card {
    background-color: rgba(30, 30, 30, 0.9);
    backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.1);
    padding: 40px;
    border-radius: 12px;
    color: var(--text-light);
    animation: fadeIn 0.5s ease-out;
}

.auth-logo {
    display: block;
    text-align: center;
    font-size: 1.8em;
    font-weight: 800;
    color: var(--text-light);
    text-decoration: none;
    margin-bottom: 20px;
}
.auth-logo b {
    color: var(--primary-color);
}

.auth-card h2 {
    text-align: center;
    margin: 0 0 10px;
    font-size: 1.8em;
}

.auth-subtitle {
    text-align: center;
    color: var(--text-dark);
    margin: 0 auto 25px auto;
    max-width: 300px;
}

.auth-form .form-group {
    margin-bottom: 20px;
}
.auth-form .form-group label {
    display: block;
    margin-bottom: 8px;
    font-weight: 500;
}
.auth-form .form-group input {
    width: 100%;
    padding: 12px;
    border: 1px solid #444;
    background-color: var(--dark-bg-3);
    color: var(--text-light);
    border-radius: 5px;
    box-sizing: border-box;
    transition: border-color 0.3s, box-shadow 0.3s;
}
.auth-form .form-group input:focus {
    outline: none;
    border-color: var(--primary-color);
    box-shadow: 0 0 0 3px rgba(229, 57, 53, 0.3);
}

.auth-form button {
    width: 100%;
    padding: 12px;
    border: none;
    background: var(--primary-color);
    color: #fff;
    font-weight: bold;
    font-size: 1.1em;
    border-radius: 5px;
    cursor: pointer;
    transition: background-color 0.3s;
}
.auth-form button:hover {
    background-color: #c62828;
}

.auth-footer-link {
    text-align: center;
    margin-top: 20px;
    font-size: 0.9em;
}
.auth-footer-link a {
    color: var(--primary-color);
    font-weight: bold;
    text-decoration: none;
}
.auth-footer-link a:hover {
    text-decoration: underline;
}

/* Hata ve Başarı Mesajları */
.auth-message {
    padding: 12px;
    margin-bottom: 20px;
    border-radius: 5px;
    text-align: center;
}
.auth-message.error {
    background-color: rgba(244, 67, 54, 0.2);
    color: #ffcdd2;
}
.auth-message.success {
    background-color: rgba(76, 175, 80, 0.2);
    color: #c8e6c9;
}

/* --- Bildirim Sistemi Stilleri --- */
.notification-button {
    position: relative;
}
.notification-count {
    position: absolute;
    top: -5px;
    right: -5px;
    background-color: var(--primary-color);
    color: #fff;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.8em;
    font-weight: bold;
    border: 2px solid var(--dark-bg-2); /* Arka planla uyumlu bir kenarlık */
}

.notifications-list {
    max-width: 800px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.notification-item {
    display: flex;
    gap: 15px;
    background-color: var(--dark-bg-2);
    padding: 15px;
    border-radius: 8px;
    text-decoration: none;
    color: var(--text-dark);
    transition: background-color 0.3s;
    border-left: 4px solid transparent;
}
.notification-item:hover {
    background-color: var(--dark-bg-3);
}

/* Okunmamış bildirimleri vurgula */
.notification-item.unread {
    border-left-color: var(--primary-color);
    background-color: rgba(229, 57, 53, 0.1);
}

.notification-icon {
    font-size: 1.5em;
    color: var(--primary-color);
}
.notification-content p {
    margin: 0 0 5px;
    color: var(--text-light);
}
.notification-content small {
    font-size: 0.85em;
}

.comment-footer { display: flex; justify-content: space-between; align-items: center; margin-top: 10px; }
.reply-button { background: none; border: none; color: var(--text-dark); cursor: pointer; font-size: 0.9em; font-weight: 500; }
.reply-button:hover { color: var(--primary-color); }
.reply-form-container { margin-top: 15px; }
.cancel-reply { background-color: #555; margin-left: 10px; }
.replies-container { border-left: 3px solid #444; margin-top: 15px; padding-left: 15px; }
.comment-item.reply { background: none; padding: 0 0 15px 0; }

/* --- Haber Detay Sayfası Düzeni ve Sidebar --- */
.news-detail-layout {
    display: grid;
    grid-template-columns: 1fr; /* Mobil için varsayılan */
    gap: 30px;
}
@media(min-width: 992px) {
    .news-detail-layout {
        grid-template-columns: minmax(0, 2fr) 1fr; /* Masaüstünde 2/3 - 1/3 düzeni */
    }
}

.news-article {
    background-color: var(--dark-bg-2);
    padding: 25px 30px;
    border-radius: 12px;
}
.news-sidebar .widget {
    background-color: var(--dark-bg-2);
    padding: 20px;
    border-radius: 12px;
}
.widget h3 {
    margin: 0 0 15px;
    font-size: 1.2em;
    color: #fff;
    border-bottom: 1px solid #444;
    padding-bottom: 10px;
}
.widget h3 i { margin-right: 8px; color: var(--primary-color); }
.related-entities-list {
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.related-entity-card {
    display: flex;
    align-items: center;
    gap: 15px;
    background-color: var(--dark-bg-3);
    padding: 10px;
    border-radius: 8px;
    text-decoration: none;
    color: var(--text-light);
    transition: all 0.2s ease;
}
.related-entity-card:hover {
    background-color: var(--primary-color);
    color: #fff;
    transform: scale(1.03);
}
.related-entity-card .player-photo { width: 40px; height: 40px; border-radius: 50%; object-fit: cover; }
.related-entity-card .team-logo { width: 40px; height: 40px; }
.related-entity-card span { font-weight: 500; }

/* --- Avatar Seçim Sayfası --- */
.avatar-selection-form { background: var(--dark-bg-2); padding: 25px; border-radius: 12px; }
.avatar-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(100px, 1fr)); gap: 15px; margin: 20px 0; }
.avatar-option { cursor: pointer; position: relative; }
.avatar-option input[type="radio"] { position: absolute; opacity: 0; }
.avatar-option img { width: 100%; border-radius: 50%; border: 3px solid var(--dark-bg-3); transition: all 0.2s; }
.avatar-option input[type="radio"]:checked + img { border-color: var(--primary-color); transform: scale(1.1); box-shadow: 0 0 15px var(--primary-color); }

/* --- Profil Sayfası Avatar Gösterim Stilleri --- */

/* Özet kartının grid yapısını avatarı içerecek şekilde güncelle */
.profile-summary-card {
    display: grid;
    /* 4 sütunlu bir yapı: Avatar, TPP, Seviye, Bahisler */
    grid-template-columns: auto 1fr 1fr 2fr;
    align-items: center;
    gap: 25px;
    background: var(--dark-bg-2);
    padding: 20px;
    border-radius: 12px;
    margin-bottom: 30px;
}

.profile-avatar-display {
    position: relative;
    width: 120px; /* Avatar boyutu */
    height: 120px;
}
.profile-avatar-display img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 50%;
    border: 4px solid var(--dark-bg-3);
    box-shadow: 0 5px 15px rgba(0,0,0,0.2);
}

.edit-avatar-button {
    position: absolute;
    bottom: 5px;
    right: 5px;
    width: 35px;
    height: 35px;
    background-color: var(--primary-color);
    color: #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    font-size: 1.1em;
    border: 2px solid var(--dark-bg-2);
    transition: transform 0.3s;
}
.edit-avatar-button:hover {
    transform: scale(1.1);
}

/* TPP ve Seviye bölümlerini dikeyde hizala */
.tpp-display, .level-display {
    text-align: center;
}

/* Mobil için grid yapısını düzenle */
@media (max-width: 992px) {
    .profile-summary-card {
        grid-template-columns: 1fr 1fr; /* 2 sütunlu */
    }
    .profile-avatar-display {
        grid-column: 1 / -1; /* Avatar tam genişlikte, ortada */
        margin: 0 auto 20px auto;
    }
    .bet-summary-widget {
        grid-column: 1 / -1; /* Bahisler tam genişlikte */
    }
}
@media (max-width: 576px) {
    .profile-summary-card {
        grid-template-columns: 1fr; /* Tek sütunlu */
    }
}

<!-- BU STİLLERİ ana stil.css DOSYANIZA EKLEYİN -->
<style>
/* --- Profil Sayfası Başlık Stili --- */
.profile-page-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
}

.profile-page-header h1 {
    margin: 0;
    font-size: 2.2em;
    color: #fff;
    border: none;
}

.edit-profile-btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background-color: var(--dark-bg-3);
    color: var(--text-light);
    border: 1px solid #444;
    padding: 10px 20px;
}
.edit-profile-btn:hover {
    background-color: #444;
    color: #fff;
}

/* Özet kartındaki avatarın düzenle butonunu kaldıralım, çünkü artık yukarıda var */
.profile-avatar-display .edit-avatar-button {
    display: none;
}

.leaderboard-table .user-profile-link { display: flex; align-items: center; gap: 10px; text-decoration: none; color: #fff; font-weight: bold; }
.leaderboard-table .user-profile-link img { width: 35px; height: 35px; border-radius: 50%; }
.leaderboard-table .win-rate strong { font-size: 1.2em; color: var(--primary-color); }

.user-profile-header { display: flex; align-items: center; gap: 20px; margin-bottom: 30px; }
.user-profile-header img { width: 80px; height: 80px; border-radius: 50%; }
.user-profile-header h1 { margin: 0; font-size: 2.5em; color: #fff; border:none; }
.user-level { font-size: 1.1em; font-weight: 500; color: var(--text-dark); }

.bet-stats-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 20px; margin-bottom: 30px; }
.stat-box-large { background-color: var(--dark-bg-2); padding: 20px; border-radius: 8px; text-align: center; }
.stat-box-large span { display: block; color: var(--text-dark); margin-bottom: 8px; }
.stat-box-large strong { display: block; font-size: 2.2em; font-weight: 700; color: #fff; }
.stat-box-large strong.positive { color: #4CAF50; }
.stat-box-large strong.negative { color: #f44336; }

/* --- Transfer Detay Sayfası Stilleri --- */
.transfer-detail-header { display: flex; justify-content: space-between; align-items: center; background-color: var(--dark-bg-2); padding: 20px; border-radius: 12px; margin-bottom: 20px; }
.transfer-detail-header .team-block { flex: 1; text-align: center; text-decoration: none; color: inherit; }
.transfer-detail-header .team-block img { height: 100px; margin-bottom: 10px; object-fit: contain; }
.transfer-detail-header .team-block h3 { margin: 0; font-size: 1.5em; color: #fff; }
.transfer-detail-header .player-block { text-align: center; }
.transfer-detail-header .player-block img { width: 150px; height: 150px; border-radius: 50%; border: 4px solid var(--primary-color); object-fit: cover; }
.transfer-arrow { font-size: 3em; color: #555; margin: 0 20px; }

.transfer-detail-grid { display: grid; grid-template-columns: 1fr; gap: 30px; }
@media(min-width: 992px) { .transfer-detail-grid { grid-template-columns: minmax(0, 2fr) 1fr; } }
.transfer-main-col { background-color: var(--dark-bg-2); padding: 25px 30px; border-radius: 12px; }
.transfer-main-col h1 { font-size: 2.8em; margin: 0 0 10px; border:none; text-align: left; color: #fff; }
.transfer-summary { font-size: 1.2em; line-height: 1.6; color: var(--text-dark); margin-bottom: 40px; }

.widget { background-color: var(--dark-bg-2); padding: 20px; border-radius: 12px; margin-bottom: 20px; }
.widget h3 { margin: 0 0 15px; font-size: 1.2em; color: #fff; border-bottom: 1px solid #444; padding-bottom: 10px; }
.widget h3 i { margin-right: 8px; color: var(--primary-color); }

.info-list { list-style: none; padding: 0; margin: 0; }
.info-list li { display: flex; justify-content: space-between; align-items: center; padding: 10px 0; border-bottom: 1px solid #333; font-size: 0.95em; }
.info-list li:last-child { border: none; }
.info-list li span { color: var(--text-dark); }
.info-list li strong { color: #fff; font-weight: 500; }

.poll-modern { display: flex; justify-content: space-between; align-items: center; gap: 10px; margin-bottom: 10px; }
.poll-option { flex: 1; display: flex; align-items: center; gap: 10px; padding: 10px; border-radius: 8px; text-decoration: none; color: #fff; transition: all 0.2s ease; }
.poll-option.good { background-color: rgba(76, 175, 80, 0.2); justify-content: flex-start; }
.poll-option.bad { background-color: rgba(244, 67, 54, 0.2); justify-content: flex-end; text-align: right; }
.poll-option:hover { transform: scale(1.05); }
.poll-icon { font-size: 1.5em; }
.poll-option.good .poll-icon { color: #4CAF50; }
.poll-option.bad .poll-icon { color: #f44336; }
.poll-data .poll-label { display: block; font-size: 0.9em; color: var(--text-dark); }
.poll-data .poll-percentage { display: block; font-size: 1.5em; font-weight: 700; }
.poll-bar-modern { height: 6px; background-color: #f44336; border-radius: 3px; overflow: hidden; margin-bottom: 10px; }
.poll-bar-modern .poll-fill-good { height: 100%; background-color: #4CAF50; border-radius: 3px; transition: width 0.5s; }
.vote-count-info { font-size: 0.8em; color: var(--text-dark); display: block; text-align: center; }
/* Yorumlar için Avatar */
.comment-author-info { display: flex; align-items: center; gap: 10px; margin-bottom: 8px; }
.comment-author-avatar { width: 35px; height: 35px; border-radius: 50%; }

.team-hero { position: relative; border-radius: 12px; overflow: hidden; padding: 40px; background-size: cover !important; background-position: center !important; margin-bottom: 30px; }
.team-hero-content { display: flex; align-items: center; gap: 30px; position: relative; z-index: 2; }
.team-hero-logo { width: 120px; height: 120px; object-fit: contain; flex-shrink: 0; }
.team-hero-info h1 { font-size: 3em; color: #fff; margin: 0 0 10px; border: none; text-shadow: 2px 2px 10px rgba(0,0,0,0.7); }
.key-info-list { list-style: none; padding: 0; margin: 0; display: flex; flex-wrap: wrap; gap: 15px; color: #fff; font-size: 1.1em; }
.key-info-list li { display: flex; align-items: center; gap: 8px; background: rgba(0,0,0,0.4); padding: 5px 12px; border-radius: 20px; }
.team-hero-actions { margin-left: auto; text-align: center; }

.tabs-container.team-tabs { background-color: var(--dark-bg-2); padding: 25px; border-radius: 12px; }
.squad-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 15px; }
.squad-player-card-detailed { position: relative; overflow: hidden; border-radius: 8px; text-decoration: none; }
.squad-player-card-detailed img { width: 100%; display: block; aspect-ratio: 4/5; object-fit: cover; }
.player-card-info { position: absolute; bottom: 0; left: 0; right: 0; padding: 15px; background: linear-gradient(to top, rgba(0,0,0,0.9), transparent); color: #fff; }
.player-card-number { position: absolute; top: 5px; right: 10px; font-size: 2.5em; font-weight: 800; color: rgba(255,255,255,0.1); }
.player-card-details strong { display: block; font-size: 1.2em; }
.player-card-details span { font-size: 0.9em; color: #ccc; }

.fixture-list { display: flex; flex-direction: column; gap: 10px; }
.fixture-row { display: grid; grid-template-columns: 80px 1fr auto 1fr; align-items: center; background: var(--dark-bg-3); padding: 15px; border-radius: 8px; text-decoration: none; color: inherit; transition: background-color 0.2s; }
.fixture-row:hover { background-color: #444; }
.fixture-date { font-size: 0.9em; color: var(--text-dark); }
.fixture-home-team { text-align: right; font-weight: 500; }
.fixture-away-team { font-weight: 500; }
.fixture-score { font-size: 1.3em; font-weight: bold; color: #fff; margin: 0 20px; }
.fixture-row.bitti .fixture-score { color: var(--primary-color); }

.key-info-list li a { color: inherit; text-decoration: none; }
.key-info-list li a:hover { text-decoration: underline; }
.team-page-content { display: flex; flex-direction: column; gap: 30px; }

.team-squad-detailed, .team-fixture-detailed, .team-transfers-detailed { background: var(--dark-bg-2); padding: 25px; border-radius: 12px; }
.team-transfer-columns .transfer-column h3 { font-size: 1.2em; color: var(--text-dark); }
.team-transfer-columns .player-list .player-list-item { background: var(--dark-bg-3); }

/* --- Kompakt Kadro Listesi Stilleri --- */
.squad-list-compact {
    display: grid;
    /* İki sütunlu bir liste için */
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 10px;
}

.squad-row {
    display: flex;
    align-items: center;
    gap: 15px;
    background-color: var(--dark-bg-3);
    padding: 10px;
    border-radius: 8px;
    text-decoration: none;
    color: inherit;
    transition: background-color 0.2s;
}
.squad-row:hover {
    background-color: #444;
}

.squad-row-number {
    font-size: 1.1em;
    font-weight: bold;
    color: var(--text-dark);
    width: 25px;
    text-align: center;
}

.squad-row-photo {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    object-fit: cover;
}

.squad-row-info {
    flex-grow: 1;
}
.squad-row-info strong {
    display: block;
    color: #fff;
}
.squad-row-info span {
    font-size: 0.9em;
    color: var(--text-dark);
}

/* --- Yeni Oyuncu Detay Sayfası Tasarımı --- */
.player-hero {
    position: relative;
    border-radius: 12px;
    overflow: hidden;
    padding: 40px;
    background-size: cover;
    background-position: center;
    background-blend-mode: overlay; /* Arka planı karartmak için */
    background-color: rgba(18,18,18,0.7); /* Blend mode için arka plan rengi */
    margin-bottom: 30px;
}
.player-hero-content {
    display: flex;
    align-items: center;
    gap: 30px;
    position: relative;
    z-index: 2;
}
.player-hero-avatar img {
    width: 150px;
    height: 150px;
    border-radius: 50%;
    object-fit: cover;
    border: 4px solid #fff;
    box-shadow: 0 5px 20px rgba(0,0,0,0.5);
}
.player-hero-info h1 {
    font-size: 3em;
    color: #fff;
    margin: 0 0 10px;
    border: none;
    text-shadow: 2px 2px 10px rgba(0,0,0,0.7);
}
.player-hero-info .player-meta-info, .player-hero-info .market-value {
    background: rgba(0,0,0,0.4);
    display: inline-block;
    padding: 8px 12px;
    border-radius: 20px;
    margin-top: 10px;
}
.player-hero-actions { margin-left: auto; text-align: center; }

/* --- Oyuncu Detay Sayfası Düzeni (Sekmesiz) --- */
.player-page-section {
    background: var(--dark-bg-2);
    padding: 25px;
    border-radius: 12px;
    margin-bottom: 30px;
}
.player-page-section:last-child {
    margin-bottom: 0;
}


/* --- Yeni Oyuncu Detay Sayfası Tasarımı --- */
.player-hero {
    position: relative;
    border-radius: 12px;
    overflow: hidden;
    padding: 40px;
    background-size: cover;
    background-position: center;
    background-blend-mode: overlay;
    background-color: rgba(18,18,18,0.7);
    margin-bottom: 30px;
}
.player-hero-content {
    display: flex;
    align-items: center;
    gap: 30px;
    position: relative;
    z-index: 2;
}
.player-hero-avatar img {
    width: 150px;
    height: 150px;
    border-radius: 50%;
    object-fit: cover;
    border: 4px solid #fff;
    box-shadow: 0 5px 20px rgba(0,0,0,0.5);
}
.player-hero-info h1 {
    font-size: 3em;
    color: #fff;
    margin: 0 0 10px;
    border: none;
    text-shadow: 2px 2px 10px rgba(0,0,0,0.7);
}
.player-hero-info .player-meta-info, 
.player-hero-info .market-value {
    background: rgba(0,0,0,0.4);
    display: inline-block;
    padding: 8px 12px;
    border-radius: 20px;
    margin-top: 10px;
    margin-right: 10px;
    backdrop-filter: blur(5px);
}
.player-hero-actions { margin-left: auto; text-align: center; }

.player-detail-layout { display: grid; grid-template-columns: 1fr; gap: 30px; }
@media(min-width: 992px) { .player-detail-layout { grid-template-columns: minmax(0, 2fr) 1fr; } }

.player-main-col .player-page-section { background: var(--dark-bg-2); padding: 25px; border-radius: 12px; margin-bottom: 30px; }
.player-main-col .player-page-section:last-child { margin-bottom: 0; }

.news-list-condensed { list-style: none; padding: 0; margin: 0; }
.news-list-condensed li a { display: block; padding: 12px; background-color: var(--dark-bg-3); border-radius: 5px; margin-bottom: 10px; text-decoration: none; color: var(--text-light); transition: background-color 0.3s; }
.news-list-condensed li a:hover { background-color: var(--primary-color); }

/* --- Transfer Geçmişi Kartı Taşma Sorunu Düzeltmesi --- */
.transfer-card.history-card {
    /* Flexbox yerine grid kullanarak daha iyi kontrol sağlıyoruz */
    display: grid;
    grid-template-columns: auto 1fr auto; /* Tarih | Takımlar | Detaylar */
    align-items: center;
    gap: 15px;
}
.history-card .team-info {
    /* Takım bilgilerinin esnek kalmasını ama taşmamasını sağlıyoruz */
    display: flex;
    align-items: center;
    gap: 15px;
    overflow: hidden; /* En önemlisi bu */
}
.history-card .team-block {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 5px;
    min-width: 0; /* Flexbox'ın küçülmesine izin verir */
}
.history-card .team-block strong {
    /* Uzun takım isimlerinin taşmasını engellemek için */
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 150px; /* Gerekirse bu değeri ayarlayabilirsiniz */
}
.history-card .history-details {
    /* Detaylar sütununun sabit kalmasını sağlıyoruz */
    flex-shrink: 0;
}

/* --- Kariyer Zaman Tüneli Stilleri --- */
.career-timeline {
    position: relative;
    padding: 10px 0;
}
/* Dikey çizgi */
.career-timeline::before {
    content: '';
    position: absolute;
    top: 10px;
    left: 20px;
    width: 3px;
    height: calc(100% - 20px);
    background-color: var(--dark-bg-3);
}

.timeline-item {
    display: flex;
    gap: 20px;
    position: relative;
    margin-bottom: 25px;
}
.timeline-year {
    flex-shrink: 0;
    width: 40px;
    height: 40px;
    background-color: var(--primary-color);
    color: #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    font-size: 0.9em;
    z-index: 2;
    border: 3px solid var(--dark-bg-2);
}
.timeline-content {
    background-color: var(--dark-bg-3);
    padding: 15px;
    border-radius: 8px;
    flex-grow: 1;
}
.timeline-teams {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-bottom: 10px;
}
.timeline-team {
    display: flex;
    align-items: center;
    gap: 8px;
    text-decoration: none;
    color: inherit;
    font-weight: 500;
}
.timeline-team:hover span {
    text-decoration: underline;
}
.timeline-team img {
    width: 28px;
    height: 28px;
}
.timeline-teams i {
    font-size: 1.2em;
    color: var(--text-dark);
}

.timeline-details {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    font-size: 0.9em;
    border-top: 1px solid #444;
    padding-top: 10px;
    color: var(--text-dark);
}
.timeline-details .detail-item {
    display: flex;
    align-items: center;
    gap: 5px;
}
.timeline-details .detail-item.status-resmi {
    color: #4CAF50;
    font-weight: bold;
}
.timeline-details .detail-item.status-söylenti {
    color: #FFC107;
    font-weight: bold;
}


.unified-feed { display: flex; flex-direction: column; gap: 15px; }
.news-card-feed {
    display: grid;
    grid-template-columns: 200px 1fr; /* Resim | İçerik */
    background-color: var(--dark-bg-3);
    border-radius: 8px;
    overflow: hidden;
    text-decoration: none;
    color: inherit;
    transition: box-shadow 0.3s, transform 0.3s;
}
.news-card-feed:hover {
    transform: translateY(-3px);
    box-shadow: 0 5px 15px rgba(30, 136, 229, 0.1);
}
.news-card-image {
    background-size: cover;
    background-position: center;
}
.news-card-content {
    padding: 20px;
}
.news-card-badge {
    display: inline-block;
    background-color: #1E88E5;
    color: #fff;
    font-size: 0.8em;
    font-weight: bold;
    padding: 4px 10px;
    border-radius: 5px;
    margin-bottom: 10px;
}
.news-card-content h3 {
    margin: 0 0 10px;
    font-size: 1.3em;
    color: #fff;
}
.news-card-content p {
    margin: 0 0 15px;
    font-size: 0.95em;
    color: var(--text-dark);
}
.read-more {
    font-weight: bold;
    color: var(--primary-color);
}

/* --- Sanal Borsa Sayfası Stilleri --- */
.stock-market-header { text-align: center; margin-bottom: 30px; }
.stock-market-header h1 { font-size: 2.8em; color: #fff; margin-bottom: 10px; border: none; }
.stock-market-header p { font-size: 1.2em; color: var(--text-dark); }
.market-container { background-color: var(--dark-bg-2); padding: 25px; border-radius: 12px; }
.market-controls { display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px; flex-wrap: wrap; gap: 15px; }
.tabs-nav-market { display: flex; background: var(--dark-bg-3); border-radius: 8px; padding: 5px; }
.tabs-nav-market .tab-link { padding: 8px 20px; text-decoration: none; color: var(--text-dark); font-weight: 500; border-radius: 6px; }
.tabs-nav-market .tab-link.active { background-color: var(--primary-color); color: #fff; }
.market-search form { display: flex; background: var(--dark-bg-3); border-radius: 20px; }
.market-search input { background: none; border: none; padding: 10px 15px; color: #fff; }
.market-search input:focus { outline: none; }
.market-search button { background: none; border: none; color: #fff; padding: 0 15px; cursor: pointer; }

.market-table-container { overflow-x: auto; }
.market-table { width: 100%; border-collapse: collapse; }
.market-table th, .market-table td { padding: 15px; border-bottom: 1px solid #333; }
.market-table thead { font-size: 0.9em; color: var(--text-dark); text-transform: uppercase; }
.market-table .text-right { text-align: right; }
.market-table .asset-name { display: flex; align-items: center; gap: 15px; font-weight: bold; color: #fff; }
.market-table .asset-name img { width: 40px; height: 40px; border-radius: 50%; }
.change-badge { font-weight: bold; padding: 4px 8px; border-radius: 5px; font-size: 0.9em; }
.change-badge.positive { background-color: rgba(76, 175, 80, 0.2); color: #4CAF50; }
.change-badge.negative { background-color: rgba(244, 67, 54, 0.2); color: #f44336; }
.change-badge.neutral { background-color: rgba(158, 158, 158, 0.2); color: #9E9E9E; }
.action-btn-trade { background-color: var(--primary-color); color: #fff; padding: 8px 15px; border-radius: 5px; text-decoration: none; font-weight: 500; }

/* --- Borsa Tablosu İşlem Butonu Stili --- */
.trade-button {
    background-color: var(--primary-color);
    color: #fff;
    padding: 8px 18px; /* İç boşluğu artırarak daha iyi bir görünüm */
    border-radius: 5px;
    text-decoration: none;
    font-weight: 500;
    font-size: 0.9em; /* Yazıyı biraz küçülterek daha zarif hale getir */
    transition: background-color 0.2s, transform 0.2s;
    white-space: nowrap; /* "İşlem Yap" yazısının bölünmesini engeller */
}

.trade-button:hover {
    background-color: #c62828;
    transform: scale(1.05); /* Üzerine gelince hafif büyüme efekti */
}

/* --- Portföyüm Sayfası Stilleri --- */
.portfolio-header {
    background: var(--dark-bg-2);
    padding: 25px;
    border-radius: 12px;
    margin-bottom: 30px;
}
.portfolio-header h1 {
    margin: 0 0 20px;
    text-align: center;
    border: none;
    color: #fff;
}
.portfolio-summary-cards {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 20px;
}
.summary-card {
    background: var(--dark-bg-3);
    padding: 15px;
    border-radius: 8px;
    text-align: center;
}
.summary-card label {
    display: block;
    font-size: 0.9em;
    color: var(--text-dark);
    margin-bottom: 5px;
}
.summary-card span {
    display: block;
    font-size: 1.8em;
    font-weight: 700;
    color: #fff;
}
.summary-card span.positive { color: #4CAF50; }
.summary-card span.negative { color: #f44336; }

.portfolio-container .section-title {
    font-size: 1.6em;
    margin: 30px 0 15px;
    color: #fff;
    border-bottom: 2px solid var(--primary-color);
    padding-bottom: 10px;
}

.portfolio-table-container {
    overflow-x: auto;
}
.portfolio-table {
    width: 100%;
    border-collapse: collapse;
    background: var(--dark-bg-2);
    border-radius: 8px;
    overflow: hidden;
}
.portfolio-table th, .portfolio-table td {
    padding: 15px;
    border-bottom: 1px solid var(--dark-bg-3);
}
.portfolio-table thead {
    font-size: 0.9em;
    color: var(--text-dark);
    text-transform: uppercase;
}
.portfolio-table .text-right { text-align: right; }
.portfolio-table .asset-name { display: flex; align-items: center; gap: 15px; font-weight: bold; color: #fff; text-align: left;}
.portfolio-table .asset-name img { width: 40px; height: 40px; border-radius: 50%; }
.portfolio-table strong.positive { color: #4CAF50; }
.portfolio-table strong.negative { color: #f44336; }

.trade-button-small {
    background-color: var(--dark-bg-3);
    border: 1px solid #555;
    color: #fff;
    padding: 6px 14px;
    border-radius: 5px;
    text-decoration: none;
    font-weight: 500;
    font-size: 0.9em;
    transition: all 0.2s;
}
.trade-button-small:hover {
    background-color: var(--primary-color);
    border-color: var(--primary-color);
}

.trade-page-header { display: flex; align-items: center; gap: 20px; margin-bottom: 30px; background: var(--dark-bg-2); padding: 20px; border-radius: 12px; }
.asset-image { width: 80px; height: 80px; border-radius: 50%; }
.asset-info h1 { margin: 0; color: #fff; font-size: 2.2em; }
.asset-price { font-size: 1.2em; color: var(--text-dark); }
.asset-price strong { color: #FFC107; }
.trade-container { display: grid; grid-template-columns: 1fr 1fr; gap: 30px; }
.trade-box { background: var(--dark-bg-2); padding: 25px; border-radius: 12px; }
.trade-box h2 { margin-top: 0; font-size: 1.5em; color: #fff; }
.trade-box h2 i { margin-right: 10px; }
.buy-box h2 i { color: #4CAF50; }
.sell-box h2 i { color: #f44336; }
.trade-box p { font-size: 1.1em; color: var(--text-dark); }
.trade-box p strong { color: #fff; }
.trade-box .form-group input { width: 100%; padding: 10px; background: var(--dark-bg-3); border: 1px solid #444; color: #fff; border-radius: 5px; }
.trade-btn { width: 100%; padding: 12px; border: none; border-radius: 5px; font-weight: bold; font-size: 1.1em; cursor: pointer; }
.trade-btn.buy { background-color: #4CAF50; color: #fff; }
.trade-btn.sell { background-color: #f44336; color: #fff; }

.asset-detail-header { display: flex; align-items: center; gap: 20px; background: var(--dark-bg-2); padding: 20px; border-radius: 12px; margin-bottom: 30px; flex-wrap: wrap; }
.asset-identity { display: flex; align-items: center; gap: 15px; flex-grow: 1; }
.asset-identity img { width: 60px; height: 60px; border-radius: 50%; }
.asset-identity h1 { margin: 0; font-size: 2em; color: #fff; }
.asset-market-info { text-align: right; }
.current-price { font-size: 2em; font-weight: 700; color: #fff; }
.current-price span { font-size: 0.5em; color: var(--text-dark); }
.price-change { font-weight: bold; padding: 4px 8px; border-radius: 5px; font-size: 1em; }
.price-change.positive { color: #4CAF50; }
.price-change.negative { color: #f44336; }
.asset-actions { margin-left: auto; }
.trade-button-main { background: var(--primary-color); color: #fff; padding: 12px 25px; border-radius: 5px; text-decoration: none; font-weight: bold; }

.asset-detail-layout { display: grid; grid-template-columns: 1fr; gap: 30px; }
@media(min-width: 992px) { .asset-detail-layout { grid-template-columns: 2fr 1fr; } }
.widget { background-color: var(--dark-bg-2); padding: 20px; border-radius: 12px; }
.widget h3 { margin: 0 0 15px; font-size: 1.2em; color: #fff; border-bottom: 1px solid #444; padding-bottom: 10px; }
.chart-container { position: relative; height: 350px; }

.related-news-list { display: flex; flex-direction: column; gap: 15px; }
.news-item { display: flex; align-items: center; gap: 15px; text-decoration: none; color: var(--text-light); }
.news-item img { width: 50px; height: 50px; border-radius: 5px; object-fit: cover; flex-shrink: 0; }
.news-item:hover span { text-decoration: underline; }
.no-data { color: var(--text-dark); }

<style>
.asset-detail-header { display: flex; align-items: center; gap: 20px; background: var(--dark-bg-2); padding: 20px; border-radius: 12px; margin-bottom: 30px; flex-wrap: wrap; }
.asset-identity { display: flex; align-items: center; gap: 15px; flex-grow: 1; }
.asset-identity img { width: 60px; height: 60px; border-radius: 50%; object-fit: cover; }
.asset-identity h1 { margin: 0; font-size: 2em; color: #fff; }
.asset-market-info { text-align: right; }
.current-price { font-size: 2em; font-weight: 700; color: #fff; }
.current-price span { font-size: 0.5em; color: var(--text-dark); }
.price-change { font-weight: bold; padding: 4px 8px; border-radius: 5px; font-size: 1em; }
.price-change.positive { color: #4CAF50; }
.price-change.negative { color: #f44336; }
.asset-actions { margin-left: auto; }
.trade-button-main { background: var(--primary-color); color: #fff; padding: 12px 25px; border-radius: 5px; text-decoration: none; font-weight: bold; }

.asset-detail-layout { display: grid; grid-template-columns: 1fr; gap: 30px; }
@media(min-width: 992px) { .asset-detail-layout { grid-template-columns: 2fr 1fr; } }
.widget { background-color: var(--dark-bg-2); padding: 20px; border-radius: 12px; }
.widget h3 { margin: 0 0 15px; font-size: 1.2em; color: #fff; border-bottom: 1px solid #444; padding-bottom: 10px; }
.chart-container { position: relative; height: 350px; }

.related-news-list { display: flex; flex-direction: column; gap: 15px; }
.news-item { display: flex; align-items: center; gap: 15px; text-decoration: none; color: var(--text-light); }
.news-item img { width: 50px; height: 50px; border-radius: 5px; object-fit: cover; flex-shrink: 0; }
.news-item:hover span { text-decoration: underline; }
.no-data { color: var(--text-dark); }

.market-container.modern {
    background: none;
    padding: 0;
}
.tabs-nav-market .tab-link {
    display: flex;
    align-items: center;
    gap: 8px;
}
.market-search form {
    border: 1px solid #333;
    padding-left: 15px;
}

.market-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 20px;
}
.asset-card {
    background-color: var(--dark-bg-2);
    border-radius: 12px;
    text-decoration: none;
    color: inherit;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    border: 1px solid #333;
    transition: all 0.3s ease;
}
.asset-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 20px rgba(0,0,0,0.2);
    border-color: var(--primary-color);
}
.asset-card-header {
    display: flex;
    align-items: center;
    gap: 15px;
    padding: 15px;
}
.asset-card-header img {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    object-fit: cover;
}
.asset-card-title h3 {
    margin: 0;
    font-size: 1.2em;
    color: #fff;
}
.asset-card-title span {
    font-size: 0.9em;
    color: var(--text-dark);
}

.asset-card-body {
    display: flex;
    justify-content: space-between;
    padding: 15px;
    background-color: var(--dark-bg-3);
    border-top: 1px solid #333;
    border-bottom: 1px solid #333;
    flex-grow: 1;
}
.asset-value small, .asset-change small {
    display: block;
    font-size: 0.8em;
    color: var(--text-dark);
    margin-bottom: 5px;
}
.asset-value strong {
    font-size: 1.4em;
    font-weight: 700;
    color: #fff;
}
.asset-change {
    text-align: right;
}
.asset-change strong {
    font-size: 1.4em;
    font-weight: 700;
}
.asset-change .positive { color: #4CAF50; }
.asset-change .negative { color: #f44336; }
.asset-change .neutral { color: #9E9E9E; }

.asset-card-footer {
    padding: 12px 15px;
    text-align: center;
    font-weight: 500;
    color: var(--primary-color);
    transition: background-color 0.3s;
}
.asset-card:hover .asset-card-footer {
    background-color: var(--primary-color);
    color: #fff;
}

.market-container.modern-list { background: var(--dark-bg-2); padding: 25px; border-radius: 12px; }

.market-list-header {
    display: grid;
    grid-template-columns: 3fr 1fr 1fr 1fr;
    gap: 20px;
    padding: 0 15px 15px 15px;
    border-bottom: 2px solid #444;
    font-size: 0.9em;
    font-weight: 500;
    color: var(--text-dark);
    text-transform: uppercase;
}
.asset-value-header, .asset-change-header, .asset-action-header { text-align: right; }

.market-list-body {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-top: 10px;
}
.asset-row {
    display: grid;
    grid-template-columns: 3fr 1fr 1fr 1fr;
    align-items: center;
    gap: 20px;
    padding: 10px 15px;
    border-radius: 8px;
    text-decoration: none;
    color: inherit;
    transition: background-color 0.2s;
}
.asset-row:hover {
    background-color: var(--dark-bg-3);
}

.asset-row .asset-name { display: flex; align-items: center; gap: 15px; }
.asset-row .asset-name img { width: 45px; height: 45px; border-radius: 50%; object-fit: cover; }
.asset-row .asset-title strong { display: block; font-size: 1.1em; color: #fff; }
.asset-row .asset-title span { font-size: 0.9em; color: var(--text-dark); }
.asset-row .asset-value, .asset-row .asset-change, .asset-row .asset-action { text-align: right; }
.asset-row .asset-value strong { font-weight: 500; font-size: 1.1em; color: #fff; }
.asset-row .change-badge { font-weight: bold; padding: 4px 8px; border-radius: 5px; font-size: 1em; display: inline-block; width: 80px; text-align: center; }

.trade-button-list {
    background-color: var(--primary-color);
    color: #fff;
    padding: 8px 18px;
    border-radius: 5px;
    text-decoration: none;
    font-weight: 500;
    font-size: 0.9em;
    opacity: 0;
    transition: opacity 0.2s;
}
.asset-row:hover .trade-button-list {
    opacity: 1;
}

@media (max-width: 768px) {
    .market-list-header { display: none; }
    .asset-row { grid-template-columns: 1fr 1fr; }
    .asset-row .asset-action { grid-column: 2 / 3; grid-row: 1 / 2; }
    .asset-row .asset-name { grid-column: 1 / 3; }
}

/* --- Oyuncu Detay Sayfası Borsa Widget Stili --- */
.stock-info-widget {
    display: flex;
    justify-content: space-between;
    text-align: center;
    margin-bottom: 15px;
}
.stock-price, .stock-change {
    flex: 1;
}
.stock-price span, .stock-change span {
    display: block;
    font-size: 0.9em;
    color: var(--text-dark);
    margin-bottom: 5px;
}
.stock-price strong {
    font-size: 1.8em;
    font-weight: 700;
    color: #fff;
}
.stock-change strong {
    font-size: 1.8em;
    font-weight: 700;
}
.stock-change .positive { color: #4CAF50; }
.stock-change .negative { color: #f44336; }
.stock-change .neutral { color: #9E9E9E; }

.widget-button.full-width {
    display: block;
    width: 100%;
    text-align: center;
    padding: 10px;
    background-color: var(--primary-color);
    color: #fff;
    border-radius: 5px;
    text-decoration: none;
    font-weight: 500;
    transition: background-color 0.2s;
}
.widget-button.full-width:hover {
    background-color: #c62828;
}

/* --- Yeniden Tasarlanmış Kariyer Zaman Tüneli --- */
.career-timeline {
    position: relative;
    padding: 10px 0;
}
.career-timeline::before {
    content: '';
    position: absolute;
    top: 10px;
    left: 20px;
    width: 3px;
    height: calc(100% - 20px);
    background-color: var(--dark-bg-3);
    border-radius: 2px;
}
.timeline-item {
    display: flex;
    gap: 20px;
    position: relative;
    margin-bottom: 25px;
}
.timeline-year {
    flex-shrink: 0;
    width: 40px;
    height: 40px;
    background-color: var(--dark-bg-3);
    color: var(--text-dark);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    font-size: 0.9em;
    z-index: 2;
    border: 3px solid var(--dark-bg-2);
}
.timeline-content {
    background-color: var(--dark-bg-3);
    padding: 15px;
    border-radius: 8px;
    flex-grow: 1;
}
.timeline-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px;
}
.timeline-teams {
    display: flex;
    align-items: center;
    gap: 15px;
}
.timeline-team {
    display: flex;
    align-items: center;
    gap: 8px;
    text-decoration: none;
    color: inherit;
    font-weight: 500;
}
.timeline-team:hover span {
    text-decoration: underline;
}
.timeline-team img {
    width: 28px;
    height: 28px;
}
.timeline-teams i {
    font-size: 1.2em;
    color: var(--text-dark);
}
.timeline-status {
    font-size: 0.8em;
    font-weight: bold;
    padding: 4px 10px;
    border-radius: 15px;
    color: #fff;
}
.status-resmi { background-color: #4CAF50; }
.status-söylenti { background-color: #FFC107; color: #121212; }

.timeline-details {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    font-size: 0.9em;
    border-top: 1px solid #444;
    padding-top: 10px;
    color: var(--text-dark);
}
.timeline-details .detail-item {
    display: flex;
    align-items: center;
    gap: 5px;
}

/* --- Takım Detay Sayfası Yeni Düzen --- */
.team-page-content {
    display: grid;
    grid-template-columns: 1fr;
    gap: 30px;
    margin-top: 30px;
}
@media (min-width: 992px) {
    .team-page-content {
        grid-template-columns: minmax(0, 2fr) 1fr;
    }
}
.main-column { display: flex; flex-direction: column; gap: 30px; }
.team-squad-detailed, .team-fixture-detailed, .team-transfers-detailed { background: var(--dark-bg-2); padding: 25px; border-radius: 12px; }

/* Widget'lar ve Kenar Çubuğu */
.fixture-list-widget { display: flex; flex-direction: column; gap: 10px; }
.fixture-row-widget { display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; background: var(--dark-bg-3); padding: 10px; border-radius: 5px; text-decoration: none; color: inherit; }
.fixture-home-team-widget { text-align: right; }
.fixture-score-widget { font-weight: bold; color: #fff; }

/* --- Takım Detay Sayfası Yeni Düzen --- */
.team-page-content { display: grid; grid-template-columns: 1fr; gap: 30px; margin-top: 30px; }
@media (min-width: 992px) { .team-page-content { grid-template-columns: minmax(0, 2fr) 1fr; } }
.main-column { display: flex; flex-direction: column; gap: 30px; }
.full-width-column { grid-column: 1 / -1; } /* Bu sütunun tam genişlik kaplamasını sağlar */
.team-squad-detailed, .team-transfers-detailed { background: var(--dark-bg-2); padding: 25px; border-radius: 12px; }
/* ...diğer stiller... */

/* --- Birleşik Transfer Listesi Stilleri --- */
.unified-transfer-list { display: flex; flex-direction: column; gap: 10px; }
.unified-transfer-item { display: flex; align-items: center; gap: 15px; padding: 12px; border-radius: 8px; }
.unified-transfer-item.gelen { background-color: rgba(76, 175, 80, 0.1); border-left: 4px solid #4CAF50; }
.unified-transfer-item.giden { background-color: rgba(244, 67, 54, 0.1); border-left: 4px solid #f44336; }
.transfer-icon { font-size: 1.2em; }
.transfer-icon .fa-arrow-down { color: #4CAF50; }
.transfer-icon .fa-arrow-up { color: #f44336; }
.transfer-player-info { display: flex; align-items: center; gap: 10px; text-decoration: none; color: #fff; font-weight: 500; }
.transfer-player-info img { width: 35px; height: 35px; border-radius: 50%; }
.transfer-movement { margin-left: auto; color: var(--text-dark); font-size: 0.9em; }

.portfolio-header {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 20px;
    margin-bottom: 30px;
}
.portfolio-summary-card {
    background-color: var(--dark-bg-2);
    padding: 20px;
    border-radius: 12px;
    text-align: center;
}
.portfolio-summary-card small {
    display: block;
    color: var(--text-dark);
    font-size: 1em;
    margin-bottom: 8px;
}
.portfolio-summary-card strong {
    display: block;
    font-size: 2.2em;
    font-weight: 700;
    color: #fff;
}
.portfolio-summary-card strong.positive { color: #4CAF50; }
.portfolio-summary-card strong.negative { color: #f44336; }

.portfolio-container {
    background-color: var(--dark-bg-2);
    padding: 25px;
    border-radius: 12px;
}
.portfolio-container h2 {
    margin: 0 0 20px 0;
    font-size: 1.8em;
    border-bottom: 2px solid var(--primary-color);
    padding-bottom: 10px;
}

.portfolio-list {
    display: flex;
    flex-direction: column;
    gap: 15px;
}
.portfolio-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: var(--dark-bg-3);
    padding: 15px;
    border-radius: 8px;
    text-decoration: none;
    color: inherit;
    transition: background-color 0.2s;
}
.portfolio-item:hover {
    background-color: #444;
}

.asset-info {
    display: flex;
    align-items: center;
    gap: 15px;
}
.asset-info img {
    width: 80px;
    height: 80px;
    border-radius: 50%;
}
.asset-name strong { display: block; color: #fff; font-size: 1.2em; }
.asset-name span { color: var(--text-dark); }

.asset-financials {
    display: flex;
    gap: 30px;
    text-align: right;
}
.financial-item small { display: block; font-size: 0.8em; color: var(--text-dark); }
.financial-item span { font-weight: 500; font-size: 1.1em; color: #fff; }
.financial-item.pnl span.positive { color: #4CAF50; }
.financial-item.pnl span.negative { color: #f44336; }

.portfolio-hero-header {
    background: var(--dark-bg-2);
    padding: 30px;
    border-radius: 12px;
    margin-bottom: 30px;
    text-align: center;
}

.main-balance {
    margin-bottom: 25px;
}

.main-balance small {
    font-size: 1.1em;
    color: var(--text-dark);
}
.main-balance strong {
    display: block;
    font-size: 3.5em;
    font-weight: 800;
    color: #fff;
    line-height: 1;
}
.main-balance strong span {
    font-size: 0.5em;
    font-weight: 500;
    color: var(--text-dark);
}

.sub-balances {
    display: flex;
    justify-content: center;
    gap: 15px;
    padding-top: 20px;
    border-top: 1px solid #333;
}
.balance-item {
    background: var(--dark-bg-3);
    padding: 15px 20px;
    border-radius: 8px;
    min-width: 180px;
}
.balance-item small {
    display: block;
    font-size: 0.9em;
    color: var(--text-dark);
    margin-bottom: 5px;
}
.balance-item strong {
    font-size: 1.4em;
    font-weight: 700;
    color: #fff;
}
.balance-item strong.positive { color: #4CAF50; }
.balance-item strong.negative { color: #f44336; }

:root { /* ... renk değişkenleriniz ... */ }
body { padding-top: 70px; /* Yeni header yüksekliği için boşluk */ }

.main-header {
    background-color: var(--dark-bg-2);
    border-bottom: 1px solid #333;
    padding: 0;
    height: 70px;
    position: fixed;
    top: 0; left: 0; width: 100%;
    z-index: 1000;
    display: flex;
    align-items: center;
    border-top: 3px solid var(--primary-color);
}
.header-container { display: flex; justify-content: space-between; align-items: center; width: 100%; }
.logo { font-size: 1.5em; font-weight: 800; color: var(--text-light); text-decoration: none; }
.logo b { color: var(--primary-color); }

.main-nav { display: flex; align-items: center; gap: 5px; height: 100%; }
.nav-item { position: relative; height: 100%; }
.nav-link { color: var(--text-dark); text-decoration: none; font-weight: 500; padding: 0 15px; height: 100%; display: flex; align-items: center; position: relative; transition: color 0.3s; }
.nav-link::after { content: ''; position: absolute; bottom: 0; left: 15px; right: 15px; height: 2px; background-color: var(--primary-color); transform: scaleX(0); transition: transform 0.3s ease; }
.nav-link:hover { color: #fff; }
.nav-link:hover::after { transform: scaleX(1); }
.nav-item.dropdown > .nav-link::after { content: none; /* Dropdown'larda alt çizgi olmasın */ }
.dropdown-menu { display: none; position: absolute; top: 100%; left: 0; background-color: var(--dark-bg-3); min-width: 200px; box-shadow: 0 8px 16px rgba(0,0,0,0.3); border-radius: 0 0 5px 5px; z-index: 1; overflow: hidden; border-top: 2px solid var(--primary-color); }
.nav-item.dropdown:hover .dropdown-menu { display: block; }
.dropdown-menu a { color: var(--text-light); padding: 12px 16px; text-decoration: none; display: block; }
.dropdown-menu a:hover { background-color: var(--primary-color); }
.nav-button-special { background: var(--primary-color); color: #fff; padding: 8px 18px; border-radius: 5px; text-decoration: none; font-weight: 500; margin-left: 15px; transition: all 0.2s; }
.nav-button-special:hover { background: #c62828; transform: scale(1.05); }

.header-actions { display: flex; align-items: center; gap: 15px; }
.profile-dropdown { position: relative; }
.profile-trigger {
    background: none;
    border: none;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 5px;
    border-radius: 20px;
    transition: background-color 0.2s;
}
.profile-trigger:hover { background-color: var(--dark-bg-3); }
.profile-trigger img { width: 32px; height: 32px; border-radius: 50%; }
.profile-trigger span { color: #fff; font-weight: 500; }
.profile-dropdown:hover .dropdown-content { opacity: 1; visibility: visible; transform: translateY(0); }
/* --- Tıklama ile Çalışan Güvenilir Dropdown Stilleri --- */
.profile-dropdown { 
    position: relative; 
}
.profile-trigger {
    background: none; border: none; cursor: pointer; display: flex;
    align-items: center; gap: 10px; padding: 5px; border-radius: 20px;
    transition: background-color 0.2s;
}
.profile-trigger:hover { background-color: var(--dark-bg-3); }
.profile-trigger img { width: 32px; height: 32px; border-radius: 50%; }
.profile-trigger span { color: #fff; font-weight: 500; }
.dropdown-arrow { transition: transform 0.3s ease; }
.profile-trigger.active .dropdown-arrow { transform: rotate(180deg); }

.dropdown-content {
    /* Başlangıçta gizli */
    display: none; 
    
    position: absolute; right: 0; top: 110%;
    background-color: var(--dark-bg-3);
    min-width: 220px;
    box-shadow: 0 8px 16px rgba(0,0,0,0.3);
    border-radius: 5px; z-index: 100; overflow: hidden;
    border: 1px solid #444;
}
/* JavaScript bu sınıfı eklediğinde menü görünür olacak */
.dropdown-content.active {
    display: block;
}

.dropdown-header { padding: 15px; border-bottom: 1px solid #444; }
.dropdown-header strong { display: block; color: #fff; }
.dropdown-content a { color: var(--text-dark); padding: 12px 16px; text-decoration: none; display: flex; align-items: center; gap: 10px; }
.dropdown-content a i { width: 15px; text-align: center; }
.dropdown-content a:hover { background-color: var(--primary-color); color: #fff; }
.dropdown-divider { height: 1px; background-color: #444; margin: 5px 0; }

.asset-identity .asset-title-group {
    display: flex;
    flex-direction: column;
}

.view-profile-link {
    font-size: 0.9em;
    color: var(--primary-color);
    text-decoration: none;
    font-weight: 500;
}
.view-profile-link:hover {
    text-decoration: underline;
}

.asset-identity h1 a {
    color: inherit;
    text-decoration: none;
    transition: color 0.3s;
}
.asset-identity h1 a:hover {
    color: var(--primary-color);
}

/* ... mevcut diğer hisse_detay stilleri ... */
.asset-day-range { width: 200px; }
.range-label { font-size: 0.8em; color: var(--text-dark); margin-bottom: 5px; text-align: center; }
.range-bar { height: 4px; background: linear-gradient(to right, #f44336, #FFC107, #4CAF50); border-radius: 2px; position: relative; }
.range-indicator { width: 10px; height: 10px; background-color: #fff; border-radius: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%); border: 1px solid #333; }
.range-values { display: flex; justify-content: space-between; font-size: 0.8em; margin-top: 5px; color: var(--text-dark); font-weight: bold; }

.market-list-header {
    display: grid;
    grid-template-columns: 2.5fr 1.5fr 1fr 1.5fr 1fr; /* Yeni sütun için düzen */
    gap: 20px; padding: 0 15px 15px 15px; border-bottom: 2px solid #444; font-size: 0.9em;
    font-weight: 500; color: var(--text-dark); text-transform: uppercase;
}
.asset-range-header { text-align: center; }
.asset-row-wrapper { border-radius: 8px; transition: background-color 0.2s; }
.asset-row-wrapper:hover { background-color: var(--dark-bg-3); }
.asset-row {
    display: grid;
    grid-template-columns: 2.5fr 1.5fr 1fr 1.5fr 1fr; /* Yeni sütun için düzen */
    align-items: center; gap: 20px; padding: 10px 15px; text-decoration: none; color: inherit;
}
.asset-range { text-align: center; }
.mini-range-bar { width: 100px; height: 4px; background-color: #555; border-radius: 2px; position: relative; margin: 0 auto; }
.mini-range-indicator { width: 8px; height: 8px; background-color: #fff; border-radius: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%); }
.trade-button-list { opacity: 0; transition: opacity 0.2s; }
.asset-row-wrapper:hover .trade-button-list { opacity: 1; }

/* --- Borsa Portföy Etiketi Stilleri --- */

/* Satırın kendisini hafifçe vurgula */
.asset-row.in-portfolio {
    background-color: rgba(76, 175, 80, 0.05); /* Çok hafif yeşil arka plan */
    border-left: 3px solid #4CAF50;
}

.asset-row.in-portfolio:hover {
    background-color: rgba(76, 175, 80, 0.1);
}

/* "Portföyde" ikonu/etiketi */
.portfolio-badge {
    margin-left: 10px;
    color: #4CAF50;
    font-size: 1.1em;
}

/* --- Sıralanabilir Başlık Stilleri --- */
.market-list-header a {
    text-decoration: none;
    color: inherit;
    transition: color 0.2s;
}
.market-list-header a:hover {
    color: #fff;
}
.market-list-header a i {
    font-size: 0.9em;
    color: var(--primary-color);
}

.portfolio-page-layout { display: grid; grid-template-columns: 1fr; gap: 30px; }
@media (min-width: 992px) { .portfolio-page-layout { grid-template-columns: minmax(0, 2fr) 1fr; } }
.empty-feed.mini { padding: 20px; }
.transaction-history-widget table { font-size: 0.9em; }
.transaction-history-widget table td, .transaction-history-widget table th { padding: 10px 8px; }

.asset-type-icon { display: inline-block; width: 12px; height: 12px; border-radius: 50%; margin-right: 5px; }
.asset-type-icon.oyuncu { background-color: #3B82F6; } /* Mavi */
.asset-type-icon.takim { background-color: #10B981; } /* Yeşil */
.asset-type-icon.teknik_direktor { background-color: #F59E0B; } 

.market-page-layout { display: grid; grid-template-columns: 1fr; gap: 30px; }
@media (min-width: 992px) { .market-page-layout { grid-template-columns: 2.5fr 1fr; } }
.market-search.full-width { flex-grow: 1; }
.market-list-container { background-color: var(--dark-bg-2); border-radius: 12px; padding: 15px; }

.top-movers-list { list-style: none; padding: 0; margin: 0; }
.top-movers-list li { display: flex; align-items: baseline; gap: 10px; padding: 10px 0; border-bottom: 1px solid #333; }
.top-movers-list li:last-child { border-bottom: none; }
.top-movers-list .rank { font-weight: bold; color: var(--text-dark); }
.asset-name-small { text-decoration: none; color: inherit; flex-grow: 1; }
.asset-name-small:hover { text-decoration: underline; }
.change-value.positive { font-weight: bold; color: #4CAF50; }

.widget h3 i.fa-rocket {
    color: #4CAF50;
}
.top-movers-list-modern {
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.mover-card {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 10px;
    background-color: var(--dark-bg-3);
    border-radius: 8px;
    text-decoration: none;
    color: inherit;
    transition: all 0.2s ease;
    border-left: 3px solid transparent;
}
.mover-card:hover {
    background-color: #444;
    transform: translateX(5px);
    border-left-color: #4CAF50;
}
.mover-card img {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    object-fit: cover;
}
.mover-info {
    flex-grow: 1;
}
.mover-info strong {
    display: block;
    color: #fff;
    font-size: 1em;
}
.mover-change {
    font-weight: bold;
    font-size: 1.1em;
}
.mover-change.positive {
    color: #4CAF50;
}

.market-list-header {
    display: grid;
    grid-template-columns: minmax(0, 3fr) minmax(0, 1.5fr) minmax(0, 1.5fr) minmax(0, 1fr); /* Sütun genişliklerini ayarla */
    gap: 20px;
    padding: 0 20px 15px 20px;
}
.asset-row {
    display: grid;
    grid-template-columns: minmax(0, 3fr) minmax(0, 1.5fr) minmax(0, 1.5fr) minmax(0, 1fr); /* Sütun genişliklerini ayarla */
    align-items: center;
    gap: 20px;
    padding: 15px 20px;
}
.asset-row .asset-value,
.asset-row .asset-change,
.asset-row .asset-action {
    text-align: right;
    padding-left: 10px;
}

.market-list-header {
    display: grid;
    grid-template-columns: minmax(0, 3fr) minmax(0, 1.5fr) minmax(0, 1.5fr);
    gap: 20px;
    padding: 0 20px 15px 20px;
}
.asset-row {
    display: grid;
    grid-template-columns: minmax(0, 3fr) minmax(0, 1.5fr) minmax(0, 1.5fr);
    align-items: center;
    gap: 20px;
    padding: 15px 20px;
}

.market-pulse-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(350px, 1fr)); gap: 20px; }
.widget.large-widget { grid-column: span 2; }
.pie-chart-container { position: relative; height: 300px; }
.popular-assets-list { display: flex; flex-direction: column; gap: 10px; }
.popular-asset { display: flex; align-items: center; gap: 10px; padding: 8px; border-radius: 5px; text-decoration: none; color: inherit; }
.popular-asset:hover { background-color: var(--dark-bg-3); }
.popular-asset img { width: 35px; height: 35px; border-radius: 50%; }
.popular-asset .transaction-count { margin-left: auto; font-weight: bold; color: #fff; }
.whale-feed { list-style: none; padding: 0; margin: 0; }
.whale-feed li { display: flex; gap: 10px; padding: 8px 0; border-bottom: 1px solid #333; font-size: 0.9em; }
.whale-action { font-weight: bold; width: 50px; text-transform: uppercase; }
.whale-action.alım { color: #4CAF50; }
.whale-action.satım { color: #f44336; }
.whale-user { color: var(--text-dark); }
.whale-asset { flex-grow: 1; color: #fff; font-weight: 500; }
.whale-amount { font-weight: bold; }
.most-followed { display: flex; gap: 20px; }
.followed-item { flex: 1; background: var(--dark-bg-3); padding: 15px; border-radius: 8px; text-align: center; }
.followed-item small { display: block; margin-bottom: 5px; color: var(--text-dark); }
.followed-item strong { font-size: 1.2em; color: #fff; }
.trusted-rumors-list { list-style: none; padding: 0; margin: 0; }
.trusted-rumors-list li { display: flex; justify-content: space-between; align-items: center; padding: 10px 0; border-bottom: 1px solid #333; }
.trusted-rumors-list a { text-decoration: none; color: inherit; }
.trusted-rumors-list .community-score { font-weight: bold; color: #1E88E5; }

.trade-container { grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); }
.trade-box { border-top: 5px solid; }
.buy-box { border-color: #4CAF50; }
.sell-box { border-color: #f44336; }
.short-box { border-color: #1E88E5; }
.trade-btn.short { background-color: #1E88E5; }
.collateral-info { font-size: 0.9em; color: var(--text-dark); margin-top: 10px; }
.flash-message-wrapper { max-width: 800px; margin: 0 auto 20px auto; }

.portfolio-item.short-item { gap: 15px; }
.close-position-form { margin-left: 15px; }
.portfolio-container h2 i { margin-right: 10px; }

/* --- Yeni Nesil Modern İşlem Sayfası Stilleri --- */
.trade-page-container { max-width: 500px; margin: 0 auto; }
.trade-asset-header { display: flex; align-items: center; gap: 20px; margin-bottom: 25px; }
.trade-asset-header .asset-link { display: flex; align-items: center; gap: 15px; text-decoration: none; color: inherit; }
.trade-asset-header img { width: 60px; height: 60px; border-radius: 50%; }
.trade-asset-header h1 { margin: 0; font-size: 1.8em; color: #fff; }
.trade-asset-header .asset-info span { font-size: 0.9em; color: var(--text-dark); }
.price-info { margin-left: auto; text-align: right; }
.price-info .current-price { font-size: 1.5em; font-weight: 700; color: #fff; }
.price-info .current-price span { font-size: 0.7em; }
.price-info .price-change { font-size: 1em; font-weight: bold; }

.trade-widget { background-color: var(--dark-bg-2); border-radius: 12px; overflow: hidden; border: 1px solid #333; }
.trade-tabs { display: flex; }
.trade-tab { flex: 1; padding: 15px; background-color: var(--dark-bg-2); border: none; color: var(--text-dark); font-size: 1.1em; font-weight: 500; cursor: pointer; border-bottom: 3px solid transparent; }
.trade-tab:hover { background-color: var(--dark-bg-3); }
.trade-tab.active { color: #fff; }
.trade-tab[data-tab="buy"].active { border-bottom-color: #4CAF50; }
.trade-tab[data-tab="sell"].active { border-bottom-color: #f44336; }
.trade-tab:disabled { color: #555; cursor: not-allowed; }

.trade-content { padding: 25px; }
.trade-pane { display: none; }
.trade-pane.active { display: block; animation: fadeIn 0.3s; }

.wallet-balance { text-align: center; margin-bottom: 20px; color: var(--text-dark); }
.wallet-balance strong { color: #fff; }

.trade-input-group { position: relative; margin-bottom: 15px; }
.trade-input-group label { position: absolute; left: 15px; top: 50%; transform: translateY(-50%); color: var(--text-dark); }
.trade-input-group input { width: 100%; box-sizing: border-box; background-color: var(--dark-bg-3); border: 1px solid #444; color: #fff; border-radius: 8px; padding: 15px; font-size: 1.5em; text-align: right; font-weight: 700; }
.trade-input-group input:focus { outline: none; border-color: var(--primary-color); }

.trade-summary-new { display: flex; justify-content: space-between; margin-bottom: 20px; }
.trade-summary-new span { color: var(--text-dark); }
.trade-summary-new strong { color: #fff; font-size: 1.2em; font-weight: 500; }

.trade-btn-modern { width: 100%; padding: 15px; border: none; border-radius: 8px; font-weight: bold; font-size: 1.1em; cursor: pointer; color: #fff; }
.trade-btn-modern.buy { background-color: #4CAF50; }
.trade-btn-modern.sell { background-color: #f44336; }

/* --- Yeni Nesil Hisse Detay Sayfası Stilleri --- */
.asset-header-modern { display: flex; align-items: center; gap: 20px; flex-wrap: wrap; margin-bottom: 30px; }
.asset-identity { display: flex; align-items: center; gap: 15px; text-decoration: none; color: inherit; }
.asset-identity img { width: 60px; height: 60px; border-radius: 50%; }
.asset-identity h1 { margin: 0; font-size: 2em; color: #fff; }
.asset-price-main { text-align: left; flex-grow: 1; }
.asset-price-main .price { font-size: 2.2em; font-weight: 700; color: #fff; }
.asset-price-main .price span { font-size: 0.5em; color: var(--text-dark); }
.asset-price-main .change { font-size: 1.2em; font-weight: bold; }
.main-chart-widget { background-color: var(--dark-bg-2); padding: 25px; border-radius: 12px; }
.chart-header { margin-bottom: 20px; }
.chart-header h3 { margin: 0; font-size: 1.5em; color: #fff; }
.chart-container-large { position: relative; height: 400px; }

/* --- Modern Grafik Widget Stilleri --- */
.chart-widget-modern {
    background-color: var(--dark-bg-2);
    padding: 25px;
    border-radius: 12px;
}
.chart-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
}
.chart-header h3 { margin: 0; font-size: 1.5em; color: #fff; }
.chart-legend { display: flex; gap: 15px; font-size: 0.9em; }
.legend-item { display: flex; align-items: center; gap: 8px; color: var(--text-dark); }
.legend-item::before {
    content: '';
    display: block;
    width: 12px;
    height: 12px;
    border-radius: 50%;
}
.legend-item.buy::before { background-color: #4CAF50; }
.legend-item.sell::before { background-color: #f44336; }

.chart-container-large {
    position: relative;
    height: 400px;
}

/* --- Menajerlik Paneli Stilleri --- */
.manager-hero {
    position: relative;
    border-radius: 12px;
    overflow: hidden;
    padding: 30px;
    background-size: cover !important;
    background-position: center !important;
    margin-bottom: 30px;
    text-align: center;
    color: #fff;
    text-shadow: 2px 2px 8px rgba(0,0,0,0.8);
}
.team-logo-main {
    width: 100px;
    height: 100px;
    margin-bottom: 15px;
}
.manager-hero-info h1 {
    font-size: 2.8em;
    margin: 0;
    border: none;
}
.manager-hero-info p {
    font-size: 1.2em;
    color: var(--text-dark);
    margin: 5px 0 15px;
}
.budget-info {
    display: inline-block;
    padding: 8px 15px;
    background-color: rgba(0,0,0,0.5);
    border-radius: 20px;
}

.manager-dashboard-layout {
    display: grid;
    grid-template-columns: 1fr;
    gap: 30px;
}
@media(min-width: 992px) {
    .manager-dashboard-layout { grid-template-columns: 2fr 1fr; }
}
.player-rating {
    font-size: 1.2em;
    font-weight: bold;
    color: #fff;
    background-color: var(--primary-color);
    padding: 5px 10px;
    border-radius: 5px;
    margin-left: auto;
}
.transfer-market-list .button.small { padding: 5px 12px; font-size: 0.8em; margin-left: auto; }
.player-rating.market { background-color: var(--dark-bg-3); color: var(--text-light); }
.market-player-row { display: flex; align-items: center; gap: 15px; padding: 8px 0; border-bottom: 1px solid #333; }
.fixture-row-widget.active-week { border: 1px solid var(--primary-color); }


.player-link { text-decoration: none; color: inherit; display: flex; align-items: center; gap: 15px; flex-grow: 1; }
.offer-form { display: flex; gap: 5px; margin-left: auto; }
.offer-form input { width: 100px; padding: 5px; background: var(--dark-bg-3); border: 1px solid #444; color: #fff; border-radius: 4px; }
.offer-form .button.small { padding: 5px 12px; font-size: 0.8em; }

.offers-container { max-width: 800px; margin: 0 auto; display: flex; flex-direction: column; gap: 20px; }
.offer-card { display: flex; align-items: center; gap: 20px; background: var(--dark-bg-2); padding: 20px; border-radius: 12px; }
.offer-player-info { display: flex; align-items: center; gap: 15px; flex-basis: 40%; }
.offer-player-info img { width: 60px; height: 60px; border-radius: 50%; }
.player-details h3 { margin: 0 0 5px; color: #fff; }
.player-rating-badge { background: var(--primary-color); color: #fff; font-size: 0.8em; font-weight: bold; padding: 3px 8px; border-radius: 5px; }
.offer-details { display: flex; gap: 20px; flex-grow: 1; }
.offering-team, .offer-amount { text-align: center; }
.offering-team small, .offer-amount small { display: block; color: var(--text-dark); margin-bottom: 5px; }
.offering-team strong { font-size: 1.1em; color: #fff; }
.offer-amount strong { font-size: 1.2em; color: #FFC107; font-weight: 700; }
.offer-actions { display: flex; gap: 10px; }
.offer-actions .button { padding: 10px 20px; }
.offer-actions .button.accept { background-color: #4CAF50; }
.offer-actions .button.reject { background-color: #555; }

.leagues-header {
    text-align: center;
    padding: 30px 20px;
    margin-bottom: 30px;
}
.leagues-header h1 { font-size: 2.8em; margin: 0 0 10px; color: #fff; border:none; }
.leagues-header p { font-size: 1.2em; color: var(--text-dark); max-width: 600px; margin: 0 auto; }

.leagues-container {
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.league-card {
    background-color: var(--dark-bg-2);
    border-radius: 12px;
    overflow: hidden;
}
.league-card-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: var(--dark-bg-3);
    padding: 15px 20px;
    border-bottom: 1px solid #333;
}
.league-card-header h2 { margin: 0; font-size: 1.5em; color: #fff; border: none; }
.league-card-header span { font-size: 0.9em; color: var(--text-dark); }

.league-status {
    display: flex;
    align-items: center;
    gap: 10px;
    background-color: rgba(0,0,0,0.2);
    padding: 5px 12px;
    border-radius: 20px;
}
.status-dot {
    width: 10px;
    height: 10px;
    border-radius: 50%;
}
.status-dot.başlamadı { background-color: #ff9800; } /* Turuncu */
.status-dot.devam { background-color: #4CAF50; } /* Yeşil */


.team-selection-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 15px;
    padding: 20px;
}

.team-card-selectable {
    display: flex;
    align-items: center;
    gap: 15px;
    background-color: var(--dark-bg-3);
    padding: 12px;
    border-radius: 8px;
    transition: all 0.2s ease;
}

.team-card-logo img {
    width: 50px;
    height: 50px;
    object-fit: contain;
}
.team-card-info {
    flex-grow: 1;
}
.team-card-info strong {
    display: block;
    color: #fff;
    font-size: 1.1em;
}
.team-card-info .manager-name {
    font-size: 0.9em;
    display: flex;
    align-items: center;
    gap: 5px;
}
.manager-name.taken { color: var(--text-dark); }
.manager-name.free { color: #4CAF50; }

.team-card-action .button {
    padding: 8px 18px;
    font-size: 0.9em;
}

/* --- Simülasyon Transfer Pazarı Stilleri --- */
.market-filter-bar {
    background-color: var(--dark-bg-2);
    padding: 20px;
    border-radius: 12px;
    margin-bottom: 25px;
}
.market-filter-bar form {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    gap: 20px;
}
.filter-group {
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.filter-group label {
    font-size: 0.9em;
    color: var(--text-dark);
}
.filter-group input, .filter-group select {
    padding: 8px;
    background: var(--dark-bg-3);
    border: 1px solid #444;
    color: #fff;
    border-radius: 5px;
}
.range-inputs { display: flex; align-items: center; gap: 5px; }
.range-inputs input { width: 70px; }
.market-filter-bar .button { padding: 8px 20px; }

.transfer-market-list-full {
    display: flex;
    flex-direction: column;
    gap: 15px;
}
.market-player-row {
    display: grid;
    grid-template-columns: 2.5fr 1fr 1.5fr;
    align-items: center;
    gap: 15px;
    background-color: var(--dark-bg-2);
    padding: 15px;
    border-radius: 8px;
}
.player-info-col {
    display: flex;
    align-items: center;
    gap: 15px;
}
.player-rating-large {
    font-size: 1.5em;
    font-weight: 700;
    color: #fff;
    margin-left: auto;
}
.owner-info-col small {
    display: block;
    font-size: 0.8em;
    color: var(--text-dark);
}
.owner-info-col span {
    font-weight: 500;
}

.market-value-indicator { background: rgba(255,193,7,0.1); color: #FFC107; padding: 2px 6px; border-radius: 4px; font-size: 0.8em; }
.market-player-row { grid-template-columns: 2fr 2fr; } /* Sütunları düzenle */
.owner-info-col { display: none; } /* Eski sahibi sütununu gizle */

.offer-col-structured { display: flex; align-items: center; }
.offer-form-structured { width: 100%; }
.offer-options { display: flex; justify-content: space-between; gap: 5px; margin-bottom: 10px; }
.offer-option {
    flex: 1;
    padding: 8px;
    background: var(--dark-bg-3);
    border: 1px solid #444;
    border-radius: 5px;
    text-align: center;
    cursor: pointer;
    transition: all 0.2s;
}
.offer-option:hover { border-color: var(--primary-color); }
.offer-option input[type="radio"] { display: none; }
.offer-option span { display: block; font-size: 0.9em; }
.offer-option small { display: block; font-weight: bold; color: #FFC107; font-size: 0.8em; margin-top: 3px; }
.offer-option input[type="radio"]:checked + span { color: var(--primary-color); }
.offer-form-structured .button { width: 100%; }

.league-table-mini-container { overflow-x: auto; }
.league-table-mini { width: 100%; border-collapse: collapse; font-size: 0.9em; }
.league-table-mini th, .league-table-mini td { padding: 8px; text-align: left; border-bottom: 1px solid #333; }
.league-table-mini th:nth-child(1), .league-table-mini td:nth-child(1) { width: 30px; text-align: center; }
.league-table-mini th:nth-child(3), .league-table-mini td:nth-child(3) { width: 40px; text-align: center; font-weight: bold; }
.league-table-mini th:nth-child(4), .league-table-mini td:nth-child(4) { width: 40px; text-align: center; }
.league-table-mini .my-team-row { background-color: rgba(229, 57, 53, 0.2); font-weight: bold; color: #fff; }
.transfer-hub-buttons { display: flex; flex-direction: column; gap: 10px; }
.transfer-hub-buttons .button { display: flex; align-items: center; justify-content: center; gap: 8px; }

.offers-page-layout { display: grid; grid-template-columns: 2fr 1fr; gap: 30px; }
.incoming-offers h2, .outgoing-offers h2 { margin-top: 0; font-size: 1.6em; border-bottom: 2px solid var(--primary-color); padding-bottom: 10px; margin-bottom: 20px;}
.offers-container { display: flex; flex-direction: column; gap: 20px; }
.offer-card { display: grid; grid-template-columns: 1.5fr 2fr 1fr; align-items: center; gap: 20px; background: var(--dark-bg-2); padding: 20px; border-radius: 12px; }
.team-badge { display: flex; align-items: center; gap: 8px; }
.team-badge img { width: 24px; height: 24px; }
.empty-feed.small { padding: 20px; font-size: 0.9em; }
.offer-history-list { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 10px; }
.history-item { display: flex; align-items: center; gap: 15px; background: var(--dark-bg-2); padding: 10px; border-radius: 8px; }
.history-item img { width: 40px; height: 40px; border-radius: 50%; }
.history-info { flex-grow: 1; }
.history-info strong { display: block; }
.history-info small { color: var(--text-dark); font-size: 0.9em; }
.history-status { font-weight: bold; font-size: 0.8em; padding: 4px 10px; border-radius: 15px; color: #fff; }
.history-status.bekliyor { background-color: #ff9800; }
.history-status.kabul { background-color: #4CAF50; }
.history-status.reddedildi { background-color: #f44336; }

.league-table-mini-container { overflow-x: auto; }
.league-table-mini { width: 100%; border-collapse: collapse; font-size: 0.9em; }
.league-table-mini th, .league-table-mini td { padding: 8px; text-align: left; border-bottom: 1px solid #333; }
.league-table-mini th:nth-child(1), .league-table-mini td:nth-child(1) { width: 30px; text-align: center; }
.league-table-mini th:nth-child(3), .league-table-mini td:nth-child(3) { width: 40px; text-align: center; font-weight: bold; }
.league-table-mini th:nth-child(4), .league-table-mini td:nth-child(4) { width: 40px; text-align: center; }
.league-table-mini .my-team-row { background-color: rgba(229, 57, 53, 0.2); font-weight: bold; color: #fff; }
.transfer-hub-buttons { display: flex; flex-direction: column; gap: 10px; }
.transfer-hub-buttons .button { display: flex; align-items: center; justify-content: center; gap: 8px; }

.power-balance-bar { display: flex; width: 100%; height: 30px; background-color: var(--dark-bg-3); border-radius: 8px; overflow: hidden; }
.power-bar { display: flex; align-items: center; justify-content: center; color: #fff; font-weight: bold; transition: width 0.5s; }
.power-bar.home { background-color: #1E88E5; }
.power-bar.away { background-color: #e53935; }
.lineup-team ul li { display: flex; align-items: center; }
.player-rating-small { margin-left: auto; font-weight: bold; background: #444; color: #fff; border-radius: 4px; padding: 2px 6px; font-size: 0.8em; }

/* --- Spiker Anlatımı Stilleri --- */
.commentary-feed {
    position: relative;
    padding-left: 50px;
}
/* Anlatım akışının dikey çizgisi */
.commentary-feed::before {
    content: '';
    position: absolute;
    left: 18px;
    top: 10px;
    width: 4px;
    height: calc(100% - 20px);
    background-color: var(--dark-bg-3);
    border-radius: 2px;
}
.commentary-item {
    display: flex;
    gap: 15px;
    margin-bottom: 20px;
    position: relative;
}
.commentary-minute {
    position: absolute;
    left: -55px;
    top: 5px;
    font-weight: bold;
    color: var(--text-dark);
    font-size: 0.9em;
}
.commentary-event-icon {
    width: 40px;
    height: 40px;
    background-color: var(--dark-bg-3);
    border: 3px solid var(--dark-bg-2);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    z-index: 2;
}
.commentary-event-icon .fa-futbol { color: #4CAF50; } /* Gol */
.commentary-event-icon .fa-clone { color: #FFC107; } /* Kart */

.commentary-text {
    background-color: var(--dark-bg-3);
    padding: 15px;
    border-radius: 8px;
    flex-grow: 1;
    line-height: 1.6;
}
.commentary-text strong {
    color: #fff;
}

.lineup-team ul li {
    display: flex;
    align-items: center;
    gap: 10px; /* Elemanlar arası boşluk */
    padding: 8px 0;
}
.lineup-player-link {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-grow: 1; /* Esnek büyüme */
    text-decoration: none;
    color: var(--text-dark);
    transition: color 0.3s;
}
.lineup-player-link:hover {
    color: #fff;
}
.player-name {
    flex-grow: 1;
}
.player-events {
    display: flex;
    gap: 5px;
    margin-left: auto; /* İkonları sağa yasla */
}
.event-icon-small {
    font-size: 0.9em;
}
.event-icon-small.yellow { color: #FFC107; }
.event-icon-small.red { color: #f44336; }
.event-icon-small.sub { color: #9E9E9E; }

.match-center-layout {
    display: grid;
    grid-template-columns: 1fr;
    gap: 30px;
    margin-top: 30px;
}
@media (min-width: 992px) {
    .match-center-layout {
        grid-template-columns: 1fr 1.5fr; /* Kadrolar | Anlatım */
    }
}
.section-title-small {
    margin: 0 0 15px;
    font-size: 1.4em;
    color: #fff;
    border-bottom: 1px solid #444;
    padding-bottom: 10px;
}
.lineups-section ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
.lineups-section li {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 8px 0;
    font-size: 0.95em;
    border-bottom: 1px solid var(--dark-bg-3);
}
.lineups-section li:last-child {
    border-bottom: none;
}
.lineup-player-link {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-grow: 1;
    text-decoration: none;
    color: var(--text-dark);
}
.lineup-player-link:hover .player-name {
    color: #fff;
}
.player-name {
    transition: color 0.2s;
}
.player-rating-small {
    margin-left: auto;
    font-weight: bold;
    background: #444;
    color: #fff;
    border-radius: 4px;
    padding: 2px 6px;
    font-size: 0.8em;
}

.player-stats-grid-detailed, .team-stats-grid-detailed {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 25px;
}
.stat-leader-list h4 { font-size: 1.1em; color: var(--text-dark); margin: 0 0 10px; }
.stat-leader-list ul { list-style: none; padding: 0; margin: 0; }
.stat-leader-list li { display: flex; align-items: center; gap: 10px; padding: 8px 0; border-bottom: 1px solid #333; }
.stat-leader-list li:last-child { border: none; }
.stat-leader-list a { text-decoration: none; color: inherit; flex-grow: 1; display: flex; align-items: center; gap: 8px; }
.stat-leader-list a:hover { color: #fff; }
.stat-leader-list img { width: 24px; height: 24px; }
.stat-leader-list span 

.sim-career-summary { display: grid; grid-template-columns: repeat(4, 1fr); gap: 15px; margin-bottom: 25px; }
.summary-box { background: var(--dark-bg-3); padding: 15px; border-radius: 8px; text-align: center; }
.summary-box strong { display: block; font-size: 2em; font-weight: 700; color: #fff; }
.summary-box strong.no-data { color: var(--text-dark); }
.summary-box span { font-size: 0.9em; color: var(--text-dark); }
.subsection-title { font-size: 1.2em; color: #fff; margin: 0 0 15px; padding-bottom: 8px; border-bottom: 1px solid #444; }
.sim-match-history { display: flex; flex-direction: column; gap: 10px; }
.match-row { display: flex; justify-content: space-between; align-items: center; background: var(--dark-bg-3); padding: 10px; border-radius: 5px; }
.match-score { font-size: 0.9em; color: var(--text-dark); }
.match-stats { display: flex; gap: 10px; font-weight: bold; }
.match-stats .rating { color: #FFC107; }

.section-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    /* .section-title'dan margin'i kaldırıp buraya ekliyoruz */
    margin-bottom: 20px;
}
.section-header .section-title {
    margin: 0;
}
.sim-league-filter select {
    padding: 8px;
    background: var(--dark-bg-3);
    border: 1px solid #444;
    color: #fff;
    border-radius: 5px;
}

.player-rating-hero { position: absolute; bottom: 0; right: 0; background: var(--primary-color); color: #fff; font-size: 1.5em; font-weight: 800; padding: 10px; border-radius: 50%; width: 50px; height: 50px; display: flex; align-items: center; justify-content: center; border: 3px solid #fff; }
.match-log-container { overflow-x: auto; }
.match-log-table { width: 100%; border-collapse: collapse; }
.match-log-table th, .match-log-table td { padding: 10px; text-align: center; border-bottom: 1px solid var(--dark-bg-3); }
.match-log-table th { font-size: 0.9em; color: var(--text-dark); }
.match-log-table td:nth-child(2) { text-align: left; }
.match-log-table .rating { font-weight: bold; color: #FFC107; }

.sim-league-context {
    background-color: var(--dark-bg-3);
    padding: 10px;
    border-radius: 5px;
    margin: -10px 0 20px 0;
    text-align: center;
    font-size: 0.9em;
    color: var(--text-dark);
}

.live-feed-page-container {
    max-width: 800px;
    margin: 0 auto;
}
.live-feed-header-modern {
    text-align: center;
    padding: 20px;
    margin-bottom: 30px;
}
.live-indicator-modern {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background-color: var(--primary-color);
    color: #fff;
    padding: 5px 12px;
    border-radius: 20px;
    font-weight: bold;
    font-size: 0.9em;
    margin-bottom: 15px;
}
.live-dot-modern {
    width: 10px;
    height: 10px;
    background-color: #fff;
    border-radius: 50%;
    animation: pulse 1.5s infinite;
}
@keyframes pulse {
    0% { transform: scale(0.8); opacity: 0.7; }
    50% { transform: scale(1.2); opacity: 1; }
    100% { transform: scale(0.8); opacity: 0.7; }
}
.live-feed-header-modern h1 {
    font-size: 2.8em;
    color: #fff;
    margin: 0 0 10px;
    border: none;
}
.live-feed-header-modern p {
    font-size: 1.1em;
    color: var(--text-dark);
}

.live-feed-timeline {
    position: relative;
    padding: 10px 0;
}
.live-feed-timeline::before {
    content: '';
    position: absolute;
    top: 0;
    left: 24px;
    width: 2px;
    height: 100%;
    background-color: var(--dark-bg-3);
}

.feed-item-modern {
    display: flex;
    gap: 20px;
    position: relative;
    padding-bottom: 25px;
}
.feed-icon-modern {
    flex-shrink: 0;
    width: 50px;
    height: 50px;
    background-color: var(--dark-bg-3);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.5em;
    z-index: 2;
    border: 3px solid var(--dark-bg-2);
}
.feed-item-modern.effect-pozitif .feed-icon-modern { color: #4CAF50; }
.feed-item-modern.effect-negatif .feed-icon-modern { color: #f44336; }
.feed-item-modern.effect-nötr .feed-icon-modern { color: #1E88E5; }

.feed-content-modern {
    background-color: var(--dark-bg-2);
    padding: 15px;
    border-radius: 8px;
    flex-grow: 1;
}
.feed-item-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px;
}
.source-info {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 0.9em;
    font-weight: 500;
}
.source-info img { width: 24px; height: 24px; border-radius: 50%; }
.feed-item-time { font-size: 0.9em; color: var(--text-dark); }
.feed-item-content { margin: 0; color: var(--text-light); line-height: 1.6; }

#empty-feed-message {
    padding: 20px;
    text-align: center;
}

.related-entities-feed {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px solid var(--dark-bg-3);
}
.entity-tag {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 0.85em;
    padding: 4px 10px;
    border-radius: 15px;
    font-weight: 500;
}
.entity-tag i {
    opacity: 0.7;
}
.entity-tag.player { background-color: rgba(30, 136, 229, 0.2); color: #64b5f6; }
.entity-tag.team { background-color: rgba(229, 57, 53, 0.2); color: #e57373; }
.entity-tag.manager { background-color: rgba(158, 158, 158, 0.2); color: #bdbdbd; }

.nav-link.live-link {
    display: flex;
    align-items: center;
    gap: 8px;
    /* Diğer nav-link'lerden farklı olarak kendi rengi olsun */
    color: var(--primary-color);
    font-weight: 700; /* Daha kalın */
}

.live-indicator-nav {
    width: 8px;
    height: 8px;
    background-color: var(--primary-color);
    border-radius: 50%;
    /* Yanıp sönme animasyonu */
    animation: pulse 1.5s infinite;
}

/* Zaten varsa, bu animasyonu tekrar eklemenize gerek yok. */
@keyframes pulse {
    0% { transform: scale(0.9); box-shadow: 0 0 0 0 rgba(229, 57, 53, 0.7); }
    70% { transform: scale(1); box-shadow: 0 0 0 10px rgba(229, 57, 53, 0); }
    100% { transform: scale(0.9); box-shadow: 0 0 0 0 rgba(229, 57, 53, 0); }
}

/* Nav-link'in alt çizgi efektini buna da uygulayalım ama kendi renginde */
.nav-link.live-link::after {
    background-color: var(--primary-color);
}

.nav-link.live-link:hover {
    color: #ff7043; /* Üzerine gelince biraz daha açık bir kırmızı */
}

.entity-tag {
    /* ... mevcut stiller ... */
    text-decoration: none;
    transition: background-color 0.2s;
}
.entity-tag:hover {
    background-color: rgba(255, 255, 255, 0.1);
}

.date-divider {
    text-align: center;
    margin: 20px 0;
    position: relative;
}
.date-divider span {
    background-color: var(--dark-bg-1);
    color: var(--text-dark);
    padding: 0 15px;
    font-size: 0.9em;
    font-weight: 500;
    text-transform: uppercase;
    position: relative;
    z-index: 1;
}
.date-divider::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: var(--dark-bg-3);
    z-index: 0;
}

.feed-card-live {
    display: flex;
    gap: 15px;
    align-items: flex-start;
    margin-bottom: 10px;
}

.feed-card-meta {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    width: 60px;
    flex-shrink: 0;
}
.meta-time {
    font-size: 0.9em;
    font-weight: 500;
    color: var(--text-dark);
}
.meta-icon {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
}
.feed-card-live.effect-pozitif .meta-icon { background-color: #4CAF50; }
.feed-card-live.effect-negatif .meta-icon { background-color: #f44336; }
.feed-card-live.effect-nötr .meta-icon { background-color: #1E88E5; }

.feed-card-main {
    background-color: var(--dark-bg-2);
    padding: 15px;
    border-radius: 8px;
    flex-grow: 1;
    border: 1px solid var(--dark-bg-3);
}
.card-main-header {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 0.9em;
    font-weight: 500;
    margin-bottom: 10px;
}
.card-main-header img { width: 24px; height: 24px; border-radius: 50%; }
.feed-card-main h3 {
    margin: 0 0 10px;
    font-size: 1.2em;
    color: #fff;
    line-height: 1.5;
}

.live-feed-hero { text-align: center; padding: 40px 20px; margin-bottom: 30px; }
.live-feed-hero h1 { font-size: 3em; color: #fff; margin: 0 0 10px; border: none; }
.live-feed-hero p { font-size: 1.2em; color: var(--text-dark); max-width: 600px; margin: 0 auto; }
.live-indicator-modern { /* ... önceki kodla aynı ... */ }

.live-feed-timeline-pro {
    max-width: 800px;
    margin: 0 auto;
    position: relative;
    padding: 20px 0;
}
.live-feed-timeline-pro::before {
    content: '';
    position: absolute;
    top: 0;
    left: 75px; /* Meta genişliği kadar içeriden */
    width: 3px;
    height: 100%;
    background-color: var(--dark-bg-2);
    border-radius: 2px;
}

.timeline-pro-item {
    display: flex;
    align-items: flex-start;
    gap: 15px;
    position: relative;
    margin-bottom: 10px;
}

.timeline-pro-meta {
    width: 60px;
    text-align: right;
    padding-top: 5px;
    flex-shrink: 0;
    position: relative;
    left: -5px;
}
.timeline-pro-meta .timeline-pro-time {
    font-size: 0.9em;
    font-weight: 500;
    color: var(--text-dark);
}

/* Zaman çizgisindeki daire */
.timeline-pro-item::after {
    content: '';
    position: absolute;
    top: 8px;
    left: 70px;
    width: 13px;
    height: 13px;
    border-radius: 50%;
    background-color: #fff;
    border: 3px solid var(--dark-bg-2);
    z-index: 1;
}

.timeline-pro-content {
    background-color: var(--dark-bg-2);
    padding: 15px 20px;
    border-radius: 12px;
    flex-grow: 1;
    border-left: 4px solid var(--dark-bg-3);
    transition: box-shadow 0.3s;
}
.timeline-pro-item:hover .timeline-pro-content {
    box-shadow: 0 5px 20px rgba(0,0,0,0.2);
}

.timeline-pro-content.effect-pozitif { border-left-color: #4CAF50; }
.timeline-pro-content.effect-negatif { border-left-color: #f44336; }
.timeline-pro-content.effect-nötr { border-left-color: #1E88E5; }

.timeline-pro-content .content-header {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 0.9em;
    font-weight: 500;
    margin-bottom: 10px;
    color: var(--text-dark);
}
.content-header img {
    width: 24px;
    height: 24px;
    border-radius: 50%;
}

.timeline-pro-content p {
    margin: 0 0 10px;
    font-size: 1.1em;
    color: var(--text-light);
    line-height: 1.6;
}

.featured-section { display: grid; grid-template-columns: repeat(1, 1fr); grid-template-rows: repeat(4, 150px); gap: 15px; margin-bottom: 30px; }
@media (min-width: 768px) { .featured-section { grid-template-columns: repeat(2, 1fr); grid-template-rows: repeat(2, 200px); } }
@media (min-width: 1200px) { .featured-section { grid-template-columns: repeat(4, 1fr); grid-template-rows: 420px; } .card-1 { grid-column: span 2; } }
.featured-card { position: relative; border-radius: 12px; overflow: hidden; background-size: cover; background-position: center; text-decoration: none; }
.featured-card-overlay { position: absolute; inset: 0; background: linear-gradient(to top, rgba(0,0,0,0.8), transparent); display: flex; align-items: flex-end; padding: 20px; }
.featured-card h3 { color: #fff; font-size: 1.4em; margin: 0; }
.home-layout { display: grid; grid-template-columns: 1fr; gap: 30px; }
@media(min-width: 992px) { .home-layout { grid-template-columns: minmax(0, 2.5fr) 1fr; } }
.feed-filters { display: flex; gap: 10px; margin-bottom: 20px; background: var(--dark-bg-2); padding: 10px; border-radius: 8px; }
.feed-filters a { padding: 8px 15px; border-radius: 5px; text-decoration: none; color: var(--text-dark); font-weight: 500; }
.feed-filters a.active { background: var(--primary-color); color: #fff; }
.sidebar .widget { background: var(--dark-bg-2); padding: 20px; border-radius: 12px; margin-bottom: 20px; }
.mover-card { display: flex; justify-content: space-between; align-items: center; padding: 10px; border-radius: 5px; text-decoration: none; color: inherit; }
.mover-card:hover { background: var(--dark-bg-3); }
.mini-league-table { width: 100%; border-collapse: collapse; }
.mini-league-table td { padding: 8px 5px; border-bottom: 1px solid #333; }
.mini-league-table img { width: 24px; height: 24px; }
.widget-view-all { display: block; text-align: right; margin-top: 10px; color: var(--primary-color); text-decoration: none; font-weight: 500; }

.featured-highlights-section {
    background-color: var(--dark-bg-2);
    padding: 25px;
    border-radius: 12px;
    margin-bottom: 30px;
}
.highlights-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 20px;
}
.highlight-card {
    background-color: var(--dark-bg-3);
    border-radius: 8px;
    text-decoration: none;
    color: inherit;
    overflow: hidden;
    transition: transform 0.3s, box-shadow 0.3s;
}
.highlight-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 20px rgba(0,0,0,0.2);
}
.highlight-header {
    padding: 10px 15px;
    font-size: 0.8em;
    font-weight: bold;
    color: var(--text-dark);
    background-color: #111;
    text-transform: uppercase;
}
.highlight-header i { margin-right: 8px; }
.highlight-content {
    display: flex;
    align-items: center;
    gap: 15px;
    padding: 15px;
}
.highlight-content img {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    object-fit: cover;
}
.highlight-content.card-item img {
    height: 70px;
    width: 50px;
    border-radius: 5px;
}
.highlight-info { flex-grow: 1; }
.highlight-info strong { display: block; font-size: 1.2em; color: #fff; }
.highlight-info span { font-size: 0.9em; color: var(--text-dark); }
.highlight-stat { font-weight: bold; font-size: 1.2em; }
.highlight-stat.positive { color: #4CAF50; }
.highlight-stat.odd { color: #FFC107; }

.popular-cards-list { display: flex; flex-direction: column; gap: 15px; }
.popular-card-item { display: flex; align-items: center; gap: 15px; text-decoration: none; color: inherit; }
.popular-card-item img { width: 50px; height: 70px; object-fit: cover; border-radius: 5px; }
.popular-card-info strong { display: block; color: #fff; }
.popular-card-info span { font-size: 0.9em; color: #FFC107; }

.highlights-grid-4 {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 20px;
}
.highlight-content-news {
    padding: 15px;
    display: flex;
    flex-direction: column;
    height: 100%;
}
.highlight-content-news p {
    font-size: 1.1em;
    font-weight: 500;
    color: #fff;
    margin: 0;
    flex-grow: 1;
}
.highlight-content-news .news-time {
    font-size: 0.9em;
    color: var(--text-dark);
    text-align: right;
    margin-top: 10px;
}

.source-hero-logo {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    margin-bottom: 15px;
}

.source-info-link {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 0.9em;
    font-weight: 500;
    text-decoration: none;
    color: var(--text-dark);
}
.source-info-link:hover {
    color: #fff;
}
.source-info-link img {
    width: 24px;
    height: 24px;
    border-radius: 50%;
}

.hero-actions { display: flex; align-items: center; gap: 15px; margin-top: 20px; justify-content: center; }
.follower-count-badge { background: var(--dark-bg-3); padding: 8px 15px; border-radius: 20px; font-weight: 500; }

.asset-detail-container-pro { max-width: 1000px; margin: 0 auto; }
.asset-header-pro { display: flex; align-items: center; gap: 20px; flex-wrap: wrap; margin-bottom: 25px; }
.asset-identity-pro { display: flex; align-items: center; gap: 15px; text-decoration: none; color: inherit; }
.asset-identity-pro img { width: 50px; height: 50px; border-radius: 50%; }
.asset-identity-pro h1 a { font-size: 1.5em; color: #fff; text-decoration: none; }
.asset-main-price-pro { margin-left: auto; text-align: right; }
.current-price-pro { font-size: 2em; font-weight: 700; color: #fff; }
.price-change-pro { font-weight: bold; }
.trade-button-main-pro { background: var(--primary-color); color: #fff; padding: 12px 25px; border-radius: 5px; text-decoration: none; font-weight: bold; }

.main-chart-widget-pro { background-color: var(--dark-bg-2); padding: 25px; border-radius: 12px; margin-bottom: 20px; }
.chart-container-pro { position: relative; height: 450px; }

.market-stats-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 15px; }
.stat-item { background-color: var(--dark-bg-2); padding: 15px; border-radius: 8px; }
.stat-item span { display: block; font-size: 0.9em; color: var(--text-dark); margin-bottom: 5px; }
.stat-item strong { font-size: 1.3em; font-weight: 500; color: #fff; }

/* --- Hisse Detay Sayfası Başlık Düzenlemesi --- */
.asset-title-group {
    display: flex;
    flex-direction: column;
}
.header-market-stats {
    display: flex;
    gap: 20px;
    margin-top: 10px;
}
.stat-item-header {
    text-align: left;
}
.stat-item-header span {
    display: block;
    font-size: 0.8em;
    color: var(--text-dark);
}
.stat-item-header strong {
    font-size: 1em;
    font-weight: 500;
    color: #fff;
}

.trade-terminal-container { max-width: 450px; margin: 20px auto; }
.trade-terminal { background: var(--dark-bg-2); border-radius: 16px; overflow: hidden; border: 1px solid #333; box-shadow: 0 10px 30px rgba(0,0,0,0.3); }
.terminal-header { display: flex; align-items: center; padding: 20px; background: var(--dark-bg-3); }
.terminal-header .asset-link { display: flex; align-items: center; gap: 15px; text-decoration: none; color: inherit; }
.terminal-header img { width: 50px; height: 50px; border-radius: 50%; }
.terminal-header h2 { margin: 0; font-size: 1.4em; color: #fff; }
.terminal-header span { color: var(--text-dark); }
.terminal-content { padding: 25px; }
.balance-info { display: flex; justify-content: space-between; margin-bottom: 20px; color: var(--text-dark); }
.balance-info strong { color: #fff; font-weight: 500; }
.quick-actions-bar { display: flex; justify-content: space-between; margin-bottom: 20px; }
.percent-btn { background: var(--dark-bg-3); border: 1px solid #444; color: #fff; padding: 8px; border-radius: 5px; cursor: pointer; flex-grow: 1; margin: 0 2px; }
.percent-btn:hover { background: #444; }

/* --- "Vay Be" Hisse Detay Sayfası Stilleri --- */
.asset-detail-pro-container { max-width: 1000px; margin: 0 auto; }
.asset-detail-pro-container::before { content: ''; position: fixed; top: 0; left: 0; width: 100%; height: 50vh; background: var(--asset-image-url) no-repeat top center; background-size: cover; filter: blur(20px) brightness(0.4); z-index: -1; opacity: 0.5; }
.asset-hero-pro { display: flex; align-items: center; gap: 30px; margin-bottom: 25px; padding: 20px; background: rgba(30,30,30,0.5); backdrop-filter: blur(10px); border-radius: 12px; }
.asset-hero-pro .asset-identity-pro { display: flex; align-items: center; gap: 15px; text-decoration: none; color: inherit; }
.asset-hero-pro img { width: 60px; height: 60px; border-radius: 50%; }
.asset-hero-pro h1 a { font-size: 1.5em; color: #fff; text-decoration: none; }
.asset-hero-pro .trade-button-main-pro { margin-left: auto; }

.main-chart-widget-pro { background: rgba(30,30,30,0.7); backdrop-filter: blur(10px); border: 1px solid rgba(255,255,255,0.1); padding: 25px; border-radius: 12px; margin-bottom: 20px; }
.chart-header-pro { margin-bottom: 20px; text-align: center; }
.price-display { font-size: 2.8em; font-weight: 700; color: #fff; }
.price-display span { font-size: 0.5em; color: var(--text-dark); }
.change-display { font-size: 1.2em; font-weight: bold; }
.change-display.positive { color: #4CAF50; }
.change-display.negative { color: #f44336; }
.chart-container-pro { position: relative; height: 450px; }
.key-stats-bar { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 15px; border-top: 1px solid #333; padding-top: 20px; margin-top: 20px; }

.user-portfolio-widget { background: var(--dark-bg-2); padding: 25px; border-radius: 12px; }
.portfolio-stats-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 15px; }

.asset-profile-hero {
    padding: 40px 0;
    margin-bottom: 30px;
    position: relative;
    overflow: hidden;
}
.asset-profile-hero::before {
    content: '';
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: var(--asset-image-url);
    background-size: cover;
    background-position: center;
    filter: blur(15px) brightness(0.3);
    z-index: -1;
}
.asset-profile-content { display: flex; align-items: center; gap: 25px; }
.asset-profile-avatar img { width: 120px; height: 120px; border-radius: 50%; border: 4px solid #fff; }
.asset-profile-info h1 { font-size: 2.8em; color: #fff; margin: 0 0 5px; }
.market-value-badge { background: rgba(0,0,0,0.3); padding: 5px 12px; border-radius: 15px; color: #fff; }
.asset-profile-content .trade-button-main-pro { margin-left: auto; }

.asset-stats-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 20px;
    margin-bottom: 30px;
}
.stat-card-clean { background-color: var(--dark-bg-2); padding: 20px; border-radius: 12px; }
.stat-card-clean label { display: block; font-size: 0.9em; color: var(--text-dark); margin-bottom: 8px; }
.stat-value-main { font-size: 2em; font-weight: 700; color: #fff; }
.stat-value-main.sub { font-size: 1.2em; }
.stat-value-main.positive { color: #4CAF50; }
.stat-value-main.negative { color: #f44336; }
.stat-value-main span { color: var(--text-dark); }

.asset-profile-info h1 a {
    color: inherit;
    text-decoration: none;
    transition: color 0.3s;
}
.asset-profile-info h1 a:hover {
    color: var(--primary-color);
}

.main-chart-widget-pro {
    background: var(--dark-bg-2);
    padding: 25px;
    border-radius: 12px;
    margin-top: 30px;
}

/* --- Gizemli Kutu Sayfası Stilleri --- */
.mystery-box-container { max-width: 800px; margin: 0 auto; background: var(--dark-bg-2); padding: 30px; border-radius: 12px; }
.mb-header { text-align: center; margin-bottom: 30px; }
.mb-header h1 { font-size: 2.5em; color: #fff; border: none; }
.start-game-panel { text-align: center; padding: 40px; }
.start-icon { font-size: 4em; margin-bottom: 20px; }
.start-game-panel h2 { font-size: 1.8em; color: #fff; }
.start-game-panel p { color: var(--text-dark); margin-bottom: 30px; }
.start-button, .cashout-button { display: inline-block; background-color: var(--primary-color); color: #fff; padding: 12px 30px; border-radius: 8px; text-decoration: none; font-weight: bold; }
.start-button.go-to-shop { background-color: #1E88E5; }

.game-grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 15px; }
.box { aspect-ratio: 1/1; border-radius: 8px; display: flex; align-items: center; justify-content: center; font-size: 2em; font-weight: bold; }
.box.closed { background: var(--dark-bg-3); color: #fff; cursor: pointer; transition: transform 0.2s; }
.box.closed:hover { transform: scale(1.05); }
.box.opened { color: #fff; flex-direction: column; gap: 5px; font-size: 1.5em; }
.box.opened i { font-size: 1.8em; }
.box.opened span { font-size: 0.8em; }
.box.type-bomba { background-color: #f44336; }
.box.type-tpp { background-color: #FFC107; color: #121212; }
.box.type-kart { background-color: #8E44AD; }
.box.opening { animation: flip 0.5s; }
@keyframes flip { 0% { transform: scale(1); } 50% { transform: scale(1.2); } 100% { transform: scale(1); } }

.game-stats { display: flex; justify-content: space-around; background: var(--dark-bg-3); padding: 15px; border-radius: 8px; margin-top: 20px; }
.stat-item { text-align: center; }
.stat-item span { font-size: 0.9em; color: var(--text-dark); }
.stat-item strong { display: block; font-size: 1.8em; color: #fff; }
.game-actions { text-align: center; margin-top: 20px; }

.nav-button-special.mystery-box-link {
    background: linear-gradient(45deg, #8E44AD, #9B59B6); /* Mor bir gradient */
    margin-left: 10px;
}
.nav-button-special.mystery-box-link:hover {
    background: linear-gradient(45deg, #9B59B6, #8E44AD);
}

.inventory-and-follow-section { display: flex; flex-direction: column; gap: 30px; }
.inventory-section, .follow-lists-section { background-color: var(--dark-bg-2); padding: 25px; border-radius: 12px; }
.inventory-section h2, .follow-lists-section h2 { margin-top: 0; margin-bottom: 20px; font-size: 1.6em; border-bottom: 2px solid var(--primary-color); padding-bottom: 10px; }
.inventory-list { display: flex; flex-direction: column; gap: 15px; }
.inventory-item { display: flex; align-items: center; gap: 15px; background: var(--dark-bg-3); padding: 10px; border-radius: 8px; }
.inventory-item img { width: 50px; height: 50px; border-radius: 5px; }
.inventory-info { flex-grow: 1; }
.inventory-info strong { display: block; color: #fff; }
.inventory-info span { font-size: 0.9em; color: var(--text-dark); }
.use-item-btn { background: var(--primary-color); color: #fff; padding: 8px 20px; border-radius: 5px; text-decoration: none; font-weight: 500; }

.box.revealed-after {
    opacity: 0.5;
    transform: scale(0.9);
}

.mystery-box-container { max-width: 800px; margin: 0 auto; background: var(--dark-bg-2); padding: 30px; border-radius: 12px; }
.mb-header { text-align: center; margin-bottom: 30px; }
.mb-header h1 { font-size: 2.5em; color: #fff; border: none; }
.start-game-panel { text-align: center; padding: 40px; }
.start-icon { font-size: 4em; margin-bottom: 20px; }
.start-game-panel h2 { font-size: 1.8em; color: #fff; }
.start-game-panel p { color: var(--text-dark); margin-bottom: 30px; }
.start-button, .cashout-button { display: inline-block; background-color: var(--primary-color); color: #fff; padding: 12px 30px; border-radius: 8px; text-decoration: none; font-weight: bold; }
.start-button.go-to-shop { background-color: #1E88E5; }

.game-grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 15px; }
.box { aspect-ratio: 1/1; border-radius: 8px; display: flex; align-items: center; justify-content: center; font-size: 2em; font-weight: bold; }
.box.closed { background: var(--dark-bg-3); color: #fff; cursor: pointer; transition: transform 0.2s; }
.box.closed:hover { transform: scale(1.05); }
.box.opened { color: #fff; flex-direction: column; gap: 5px; font-size: 1.5em; }
.box.opened i { font-size: 1.8em; }
.box.opened span { font-size: 0.8em; }
.box.type-bomba { background-color: #f44336; }
.box.type-tpp { background-color: #FFC107; color: #121212; }
.box.type-kart { background-color: #8E44AD; }
.box.opening { animation: flip 0.5s; }
.box.revealed-after { opacity: 0.5; transform: scale(0.9); transition: all 0.5s; }
@keyframes flip { 0% { transform: scale(1); } 50% { transform: scale(1.2); } 100% { transform: scale(1); } }

.game-stats { display: flex; justify-content: space-around; background: var(--dark-bg-3); padding: 15px; border-radius: 8px; margin-top: 20px; }
.stat-item { text-align: center; }
.stat-item span { font-size: 0.9em; color: var(--text-dark); }
.stat-item strong { display: block; font-size: 1.8em; color: #fff; }
.game-actions { text-align: center; margin-top: 20px; }

.tweet-feed-container {
    max-width: 700px;
    margin: 0 auto;
    border-left: 1px solid var(--dark-bg-3);
    border-right: 1px solid var(--dark-bg-3);
}
.tweet-card {
    display: flex;
    gap: 15px;
    padding: 15px;
    border-bottom: 1px solid var(--dark-bg-3);
    transition: background-color 0.2s;
}
.tweet-card:hover {
    background-color: var(--dark-bg-2);
}
.tweet-avatar img {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    flex-shrink: 0;
}
.tweet-content {
    flex-grow: 1;
}
.tweet-header {
    display: flex;
    align-items: baseline;
    gap: 5px;
    margin-bottom: 5px;
}
.author-link {
    text-decoration: none;
    display: flex;
    align-items: baseline;
    gap: 5px;
}
.author-name {
    font-weight: 700;
    color: #fff;
}
.author-handle, .tweet-time {
    font-size: 0.9em;
    color: var(--text-dark);
}
.author-link:hover .author-name {
    text-decoration: underline;
}
.tweet-text {
    margin: 0 0 15px 0;
    font-size: 1.1em;
    line-height: 1.6;
    color: var(--text-light);
    white-space: pre-wrap; /* Uzun metinlerin doğru kaymasını sağlar */
}

.related-entities-feed.visual-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px solid var(--dark-bg-3);
}
.entity-tag {
    display: inline-flex;
    align-items-center;
    gap: 8px;
    font-size: 0.9em;
    padding: 4px 10px 4px 4px; /* Sol padding resim için */
    border-radius: 20px;
    font-weight: 500;
    text-decoration: none;
    transition: background-color 0.2s;
}
.entity-tag img {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    object-fit: cover;
}
.entity-tag.player { background-color: rgba(30, 136, 229, 0.2); color: #64b5f6; }
.entity-tag.team { background-color: rgba(229, 57, 53, 0.2); color: #e57373; }
.entity-tag.manager { background-color: rgba(158, 158, 158, 0.2); color: #bdbdbd; }

.entity-tag:hover {
    background-color: rgba(255, 255, 255, 0.1);
}

.search-button {
    background: none !important;
    border: 1px solid transparent !important;
    font-size: 1.2em;
    color: var(--text-dark);
}
.search-button:hover {
    color: #fff;
}

.search-overlay {
    position: fixed;
    inset: 0;
    background-color: rgba(18, 18, 18, 0.9);
    backdrop-filter: blur(10px);
    z-index: 2000;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    padding-top: 15vh;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s, visibility 0.3s;
}
.search-overlay.active {
    opacity: 1;
    visibility: visible;
}
.close-search-btn {
    position: absolute;
    top: 30px;
    right: 30px;
    background: none;
    border: none;
    color: #fff;
    font-size: 3em;
    cursor: pointer;
}
.search-modal {
    width: 100%;
    max-width: 600px;
}
#search-input {
    width: 100%;
    background: none;
    border: none;
    border-bottom: 2px solid #555;
    padding: 15px 0;
    font-size: 2em;
    color: #fff;
    text-align: center;
    transition: border-color 0.3s;
}
#search-input:focus {
    outline: none;
    border-bottom-color: var(--primary-color);
}
.search-results {
    margin-top: 20px;
    max-height: 50vh;
    overflow-y: auto;
}
.search-result-item {
    display: flex;
    align-items: center;
    gap: 15px;
    padding: 10px;
    border-radius: 8px;
    text-decoration: none;
    color: inherit;
    transition: background-color 0.2s;
}
.search-result-item:hover {
    background-color: var(--dark-bg-3);
}
.search-result-item img {
    width: 40px;
    height: 40px;
    border-radius: 50%;
}
.result-info strong { display: block; color: #fff; }
.result-info span { font-size: 0.9em; color: var(--text-dark); }
.no-results {
    text-align: center;
    color: var(--text-dark);
    padding: 20px;
}

.popup-overlay {
    position: fixed;
    inset: 0;
    background-color: rgba(18, 18, 18, 0.7);
    backdrop-filter: blur(8px);
    z-index: 3000;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s, visibility 0.3s;
}
.popup-overlay.active {
    opacity: 1;
    visibility: visible;
}

.popup-card {
    background-color: var(--dark-bg-2);
    border: 1px solid #333;
    border-radius: 12px;
    width: 100%;
    max-width: 400px;
    text-align: center;
    padding: 30px;
    transform: scale(0.9);
    transition: transform 0.3s cubic-bezier(0.18, 0.89, 0.32, 1.28);
}
.popup-overlay.active .popup-card {
    transform: scale(1);
}

.popup-icon {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 20px auto;
    font-size: 2em;
    color: #fff;
}
.popup-icon.success { background-color: #4CAF50; }
.popup-icon.error { background-color: #f44336; }

.popup-card h2 { margin: 0 0 10px; color: #fff; }
.popup-card p { margin: 0 0 25px; color: var(--text-dark); line-height: 1.6; }
.popup-actions { display: flex; gap: 15px; }
.popup-actions .button, .popup-actions .button.secondary {
    flex: 1;
    width: 100%;
    padding: 12px;
}

.prediction-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(350px, 1fr)); gap: 20px; }
.prediction-card { background: var(--dark-bg-2); padding: 25px; border-radius: 12px; border: 1px solid #333; }
.prediction-card h3 { margin: 0 0 15px; color: #fff; }
.prediction-options { display: flex; flex-direction: column; gap: 10px; }
.prediction-option { display: flex; justify-content: space-between; align-items: center; background: var(--dark-bg-3); padding: 12px 15px; border-radius: 8px; text-decoration: none; color: inherit; cursor: pointer; transition: all 0.2s; border: 2px solid transparent; }
.prediction-option:hover { border-color: var(--primary-color); }
.prediction-option.selected { border-color: var(--primary-color); background-color: rgba(229, 57, 53, 0.2); }
.prediction-option.disabled { opacity: 0.5; cursor: not-allowed; }
.option-name { font-weight: 500; color: #fff; }
.option-rate { font-weight: bold; font-size: 1.2em; color: #FFC107; }

.prediction-form { margin-top: 20px; display: none; }
.prediction-form.visible { display: block; animation: fadeIn 0.3s; }
.form-group-trade input { width: 100%; box-sizing: border-box; background-color: var(--dark-bg-3); border: 1px solid #444; color: #fff; border-radius: 8px; padding: 12px; font-size: 1.1em; margin-bottom: 10px; }
.prediction-form button { width: 100%; padding: 12px; border: none; background: var(--primary-color); color: #fff; font-weight: bold; border-radius: 8px; cursor: pointer; }

.already-predicted { text-align: center; margin-top: 20px; padding: 15px; background: rgba(76, 175, 80, 0.2); color: #4CAF50; border-radius: 8px; font-weight: 500; }

/* Zaten tahmin yapılmışsa, tüm seçeneklerin üzerine gelme efektini ve imleci değiştir */
.prediction-options.predicted .prediction-option {
    cursor: not-allowed;
    opacity: 0.6;
}

/* Tahmin yapılmışsa, sadece seçili olanın opaklığını tam yap */
.prediction-options.predicted .prediction-option.selected {
    opacity: 1;
}

/* Tahmin yapılmışsa, hover efektini iptal et */
.prediction-options.predicted .prediction-option:hover {
    border-color: transparent;
}
.prediction-options.predicted .prediction-option.selected:hover {
    border-color: var(--primary-color); /* Sadece seçili olanın hover'ı kalsın */
}

.bet-type-badge {
    padding: 4px 10px;
    border-radius: 15px;
    font-size: 0.8em;
    font-weight: bold;
    color: #fff;
    text-transform: uppercase;
}
.type-mac { background-color: #3498DB; }
.type-etkinlik { background-color: #8E44AD; }
.bet-status.iptal { background-color: #7f8c8d; }
.bet-pnl .neutral { color: #7f8c8d; }

.user-tpp-balance-header {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background-color: var(--dark-bg-2);
    padding: 15px;
    border-radius: 8px;
    margin-bottom: 25px;
    font-size: 1.2em;
}
.user-tpp-balance-header i { color: #FFC107; }
.user-tpp-balance-header strong { color: #fff; font-weight: 700; }

.prediction-grid-modern { display: grid; grid-template-columns: repeat(auto-fit, minmax(400px, 1fr)); gap: 25px; }
.event-card-modern { background: var(--dark-bg-2); padding: 25px; border-radius: 12px; }
.event-card-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px; }
.event-card-header h3 { margin: 0; color: #fff; }
.predicted-badge { background-color: rgba(76, 175, 80, 0.2); color: #4CAF50; padding: 5px 10px; font-size: 0.8em; font-weight: bold; border-radius: 15px; }

.prediction-options-modern { display: flex; flex-direction: column; gap: 10px; }
.prediction-option-modern { display: flex; justify-content: space-between; align-items: center; background: var(--dark-bg-3); padding: 15px; border-radius: 8px; cursor: pointer; border: 2px solid transparent; transition: all 0.2s; }
.event-card-modern:not(.predicted) .prediction-option-modern:hover { border-color: var(--primary-color); }
.prediction-option-modern.selected { border-color: var(--primary-color); background-color: rgba(229, 57, 53, 0.2); }
.event-card-modern.predicted .prediction-option-modern { cursor: default; opacity: 0.5; }
.event-card-modern.predicted .prediction-option-modern.selected { opacity: 1; }

.prediction-form-modern {
    margin-top: 20px;
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    transition: all 0.4s ease-out;
}
.prediction-form-modern.visible {
    max-height: 200px;
    opacity: 1;
}
.prediction-form-modern button { width: 100%; padding: 12px; border: none; background: var(--primary-color); color: #fff; font-weight: bold; border-radius: 8px; cursor: pointer; transition: background-color 0.2s; }
.prediction-form-modern button.disabled { background-color: #555; color: #888; cursor: not-allowed; }

.event-card-link { text-decoration: none; color: inherit; }
.event-card-modern { background: var(--dark-bg-2); padding: 25px; border-radius: 12px; transition: all 0.3s; border: 1px solid var(--dark-bg-3); }
.event-card-link:hover .event-card-modern { transform: translateY(-5px); box-shadow: 0 5px 15px rgba(0,0,0,0.2); border-color: var(--primary-color); }
.event-card-header { display: flex; justify-content: space-between; align-items: center; }
.event-card-header h3 { margin: 0; color: #fff; }
.event-go-badge { font-weight: bold; color: var(--primary-color); }

.prediction-detail-container { max-width: 600px; margin: 0 auto; }
.prediction-form-detailed { background: var(--dark-bg-2); padding: 25px; border-radius: 12px; }
.prediction-options-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 15px; }
.prediction-option-card { display: block; position: relative; }
.prediction-option-card input[type="radio"] { position: absolute; opacity: 0; width: 100%; height: 100%; cursor: pointer; }
.option-card-content { background: var(--dark-bg-3); padding: 20px; border-radius: 8px; text-align: center; border: 2px solid transparent; transition: all 0.2s; }
.option-card-content .option-name { display: block; font-weight: 500; color: #fff; margin-bottom: 5px; }
.option-card-content .option-rate { font-weight: bold; font-size: 1.5em; color: #FFC107; }
.prediction-option-card input[type="radio"]:checked + .option-card-content { border-color: var(--primary-color); background-color: rgba(229, 57, 53, 0.2); }
.prediction-form-detailed button { width: 100%; padding: 12px; margin-top: 15px; border: none; background: var(--primary-color); color: #fff; font-weight: bold; border-radius: 8px; cursor: pointer; }

.prediction-grid-pro {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
    gap: 25px;
}
.event-pro-card {
    position: relative;
    display: block;
    background-color: var(--dark-bg-2);
    border-radius: 12px;
    overflow: hidden;
    text-decoration: none;
    color: inherit;
    border: 1px solid var(--dark-bg-3);
    transition: transform 0.3s, box-shadow 0.3s;
}
.event-pro-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 20px rgba(0,0,0,0.2);
}

.event-pro-visual {
    height: 180px;
    display: flex;
    position: relative;
}

.event-pro-visual::before { /* Takımları ayıran çizgi */
    content: 'VS';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 2em;
    font-weight: 800;
    color: rgba(255,255,255,0.1);
}

.event-pro-info {
    padding: 20px;
    text-align: center;
}
.event-pro-info h3 {
    margin: 0 0 15px;
    font-size: 1.4em;
    color: #fff;
    line-height: 1.4;
}
.event-pro-button {
    display: inline-block;
    background-color: var(--primary-color);
    color: #fff;
    padding: 10px 25px;
    border-radius: 5px;
    font-weight: bold;
    transition: background-color 0.2s;
}
.event-pro-card:hover .event-pro-button {
    background-color: #c62828;
}

.player-visual-bg {
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    opacity: 0.2;
    filter: grayscale(80%);
}
.event-match-title {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    font-weight: bold;
    font-size: 1.2em;
    margin-bottom: 8px;
}
.vs-badge {
    background: var(--primary-color);
    color: #fff;
    font-size: 0.8em;
    padding: 3px 8px;
    border-radius: 4px;
}
.event-player-title {
    font-size: 1.5em;
    color: #fff;
    margin: 0 0 10px;
}
.event-main-title {
    font-size: 1.1em;
    margin-bottom: 15px;
}

/* --- Modern Tahmin Detay Sayfası Stilleri --- */

.prediction-detail-container {
    max-width: 700px;
    margin: 0 auto;
}

/* Tahminler sayfasındaki kartın aynısı, sadece link değil */
.event-pro-card-detailed {
    position: relative;
    display: block;
    background-color: var(--dark-bg-2);
    border-radius: 12px;
    overflow: hidden;
    text-decoration: none;
    color: inherit;
    border: 1px solid var(--dark-bg-3);
    margin-bottom: 25px;
}

.event-pro-visual {
    height: 180px;
    display: flex;
    position: relative;
}


.player-visual-bg {
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    opacity: 0.2;
    filter: grayscale(80%);
}
.event-pro-visual::before { /* Takımları ayıran çizgi */
    content: 'VS';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 2em;
    font-weight: 800;
    color: rgba(255,255,255,0.1);
}
.event-pro-info {
    padding: 20px;
    text-align: center;
}
.event-match-title {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    font-weight: bold;
    font-size: 1.2em;
    margin-bottom: 8px;
}
.vs-badge {
    background: var(--primary-color);
    color: #fff;
    font-size: 0.8em;
    padding: 3px 8px;
    border-radius: 4px;
}
.event-player-title {
    font-size: 1.5em;
    color: #fff;
    margin: 0 0 10px;
}
.event-main-title {
    font-size: 1.1em;
    margin-bottom: 15px;
}

/* Form stilleri */
.prediction-form-detailed {
    background: var(--dark-bg-2);
    padding: 25px;
    border-radius: 12px;
}
.form-instruction {
    text-align: center;
    color: var(--text-dark);
    margin-bottom: 20px;
}

.prediction-options-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    gap: 15px;
}
.prediction-option-card {
    display: block;
    position: relative;
}
.prediction-option-card input[type="radio"] {
    position: absolute;
    opacity: 0;
    width: 100%;
    height: 100%;
    cursor: pointer;
}
.option-card-content {
    background: var(--dark-bg-3);
    padding: 20px;
    border-radius: 8px;
    text-align: center;
    border: 2px solid transparent;
    transition: all 0.2s;
}
.option-card-content .option-name {
    display: block;
    font-weight: 500;
    color: #fff;
    margin-bottom: 5px;
}
.option-card-content .option-rate {
    font-weight: bold;
    font-size: 1.5em;
    color: #FFC107;
}
.prediction-option-card input[type="radio"]:checked + .option-card-content {
    border-color: var(--primary-color);
    background-color: rgba(229, 57, 53, 0.2);
    transform: scale(1.05);
}

.prediction-form-detailed button {
    width: 100%;
    padding: 12px;
    margin-top: 15px;
    border: none;
    background: var(--primary-color);
    color: #fff;
    font-weight: bold;
    font-size: 1.1em;
    border-radius: 8px;
    cursor: pointer;
    transition: background-color 0.2s;
}
.prediction-form-detailed button:hover {
    background-color: #c62828;
}

.already-predicted {
    text-align: center;
    padding: 25px;
    background-color: var(--dark-bg-2);
    border-radius: 12px;
}
.already-predicted p {
    margin: 0 0 15px;
    font-size: 1.1em;
}

.event-match-title a, .event-player-title a {
    color: inherit;
    text-decoration: none;
    transition: color 0.3s;
}
.event-match-title a:hover, .event-player-title a:hover {
    color: var(--primary-color);
}

.prediction-widget-list { display: flex; flex-direction: column; gap: 10px; }
.prediction-widget-item { display: flex; justify-content: space-between; align-items: center; background: var(--dark-bg-3); padding: 12px; border-radius: 5px; text-decoration: none; color: inherit; transition: background-color 0.2s; }
.prediction-widget-item:hover { background-color: var(--primary-color); color: #fff; }
.prediction-widget-item span { font-weight: 500; }

.bet-form-container {
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    transition: all 0.4s ease-out;
    margin-top: 0;
    display: flex; gap: 10px;
}
.bet-form-container.visible {
    max-height: 100px;
    opacity: 1;
    margin-top: 15px;
}
.bet-form-input { flex-grow: 1; /* ...input stilleri... */ }
.bet-form-submit { /* ...buton stilleri... */ }
.bet-option { cursor: pointer; }
.bet-option.active { border-color: var(--primary-color); background: rgba(229, 57, 53, 0.2); }

.bet-form-detailed { /* ... form stilleri ... */ }
.bet-options-detailed { display: flex; flex-direction: column; gap: 10px; margin-bottom: 15px; }
.bet-options-detailed label { display: block; }
.bet-options-detailed input[type="radio"] { /* ... radio butonları gizleme tekniği ... */ }
.bet-options-detailed span { display: flex; justify-content: space-between; background: var(--dark-bg-3); padding: 12px; border-radius: 5px; border: 2px solid transparent; cursor: pointer; }
.bet-options-detailed input:checked + span { border-color: var(--primary-color); }
.bet-options-detailed em { font-style: normal; font-weight: bold; color: #FFC107; }

.bet-prompt {
    text-align: center;
    padding-top: 15px;
    margin-top: 15px;
    border-top: 1px solid var(--dark-bg-3);
    font-weight: 500;
    color: var(--primary-color);
    font-size: 0.9em;
}

.bet-form-detailed { /* ... form stilleri ... */ }
.bet-options-detailed { display: flex; flex-direction: column; gap: 10px; margin-bottom: 15px; }
.bet-options-detailed label { display: block; }
.bet-options-detailed input[type="radio"] { /* ... radio butonları gizleme tekniği ... */ }
.bet-options-detailed span { display: flex; justify-content: space-between; background: var(--dark-bg-3); padding: 12px; border-radius: 5px; border: 2px solid transparent; cursor: pointer; }
.bet-options-detailed input:checked + span { border-color: var(--primary-color); }
.bet-options-detailed em { font-style: normal; font-weight: bold; color: #FFC107; }

/* --- Maç Detay Sayfası Modern Stilleri --- */

/* Üst Başlık Alanı */
.match-detail-header-new {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: var(--dark-bg-2);
    padding: 30px;
    border-radius: 12px;
    margin-bottom: 30px;
}
.team-header-block {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 15px;
    text-decoration: none;
    color: inherit;
    transition: transform 0.3s;
}
.team-header-block:hover {
    transform: scale(1.05);
}
.team-logo-large {
    width: 100px;
    height: 100px;
    object-fit: contain;
}
.team-name-large {
    font-size: 1.8em;
    font-weight: bold;
    color: #fff;
    text-align: center;
}
.score-info-block {
    text-align: center;
    padding: 0 20px;
}
.final-score {
    font-size: 3.5em;
    font-weight: 800;
    color: #fff;
    line-height: 1;
}
.match-time {
    font-size: 2.5em;
    font-weight: 800;
    color: #fff;
    line-height: 1;
}
.match-status {
    display: block;
    margin-top: 10px;
    padding: 5px 10px;
    border-radius: 5px;
    font-size: 0.9em;
    color: #fff;
}
.match-status.finished { background-color: var(--primary-color); }
.match-status.not-played { background-color: #555; }
.league-info {
    margin-top: 10px;
    color: var(--text-dark);
}

/* Ana İçerik Düzeni */
.player-detail-layout {
    display: grid;
    grid-template-columns: 1fr; /* Mobil için varsayılan */
    gap: 30px;
}
@media(min-width: 992px) {
    .player-detail-layout {
        grid-template-columns: minmax(0, 2fr) 1fr; /* Masaüstünde 2/3 - 1/3 düzeni */
    }
}

/* Sekmeli Yapı */
.tabs-container.match-tabs {
    background-color: var(--dark-bg-2);
    padding: 25px;
    border-radius: 12px;
}

/* Kenar Çubuğu ve Widget'lar */
.widget {
    background-color: var(--dark-bg-2);
    padding: 20px;
    border-radius: 12px;
    margin-bottom: 20px;
}
.widget h3 {
    margin: 0 0 15px;
    font-size: 1.2em;
    color: #fff;
    border-bottom: 1px solid #444;
    padding-bottom: 10px;
}
.widget h3 i { margin-right: 8px; color: var(--primary-color); }
.no-data { color: var(--text-dark); }

/* Bahis Widget'ı */
.bet-form-detailed { /* Formun tamamı */ }
.bet-options-detailed {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-bottom: 15px;
}
.bet-options-detailed label { display: block; }
.bet-options-detailed input[type="radio"] {
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0;
}
.bet-options-detailed span {
    display: flex;
    justify-content: space-between;
    background: var(--dark-bg-3);
    padding: 12px;
    border-radius: 5px;
    border: 2px solid transparent;
    cursor: pointer;
    transition: all 0.2s;
}
.bet-options-detailed input[type="radio"]:checked + span {
    border-color: var(--primary-color);
    background-color: rgba(229, 57, 53, 0.2);
}
.bet-options-detailed em {
    font-style: normal;
    font-weight: bold;
    color: #FFC107;
}
.bet-form-detailed button {
    width: 100%;
    padding: 12px;
    border: none;
    background: var(--primary-color);
    color: #fff;
    font-weight: bold;
    font-size: 1.1em;
    border-radius: 8px;
    cursor: pointer;
}
.already-predicted {
    text-align: center;
    padding: 15px;
    background: rgba(76, 175, 80, 0.2);
    color: #4CAF50;
    border-radius: 8px;
    font-weight: 500;
}
.already-predicted span { display: block; margin-bottom: 5px; }

/* --- Kompakt "Mackolik" Tarzı Fikstür Listesi --- */
.fixture-table-container {
    background-color: var(--dark-bg-2);
    border-radius: 8px;
    padding: 10px;
    overflow-x: auto; /* Mobil için yatay kaydırma */
}

.fixture-table {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.95em;
    color: var(--text-dark);
}

.fixture-table th, .fixture-table td {
    padding: 10px 12px;
    text-align: center;
    white-space: nowrap; /* Metinlerin bölünmesini engelle */
}

.fixture-table thead {
    background-color: var(--dark-bg-3);
    color: #fff;
}

/* Tarih Ayırıcı Satırı */
.date-separator-row td {
    background-color: #111;
    color: #fff;
    font-weight: bold;
    padding: 8px 12px;
    text-align: left;
}

/* Maç Satırı */
.match-row {
    border-bottom: 1px solid var(--dark-bg-3);
    cursor: pointer;
    transition: background-color 0.2s;
}
.match-row:hover {
    background-color: var(--dark-bg-3);
}
.match-row:last-child {
    border-bottom: none;
}

/* Sütunlara Özel Hizalamalar */
.col-home { text-align: right; }
.col-away { text-align: left; }
.col-league { color: #888; }
.col-score strong {
    font-weight: bold;
    color: #fff;
    background-color: var(--primary-color);
    padding: 2px 8px;
    border-radius: 4px;
}

/* Oranlar Bölümü */
.col-odds {
    display: flex;
    justify-content: center;
    gap: 15px;
    font-size: 0.9em;
    font-weight: 500;
    color: var(--text-dark);
}

.league-separator-row td {
    background-color: var(--dark-bg-3);
    color: var(--text-dark);
    font-weight: 500;
    padding: 6px 12px;
    font-size: 0.9em;
    text-align: left;
}

/* Tablo başlığında ve ayırıcı satırlarda sütun sayısını düzeltme */
.fixture-table thead th, 
.date-separator-row td,
.league-separator-row td {
    /* Eski 6 sütun yerine 5 sütunu kaplasın */
    grid-column: span 5;
}

/* ... Önceki fikstür stilleri ... */

/* Lig Ayırıcı Satırı için yeni stil */
.league-separator-row td {
    color: #fff; /* Renkli arka plan üzerinde beyaz yazı */
    font-weight: bold;
    padding: 6px 12px;
    font-size: 0.9em;
    text-align: left;
}

/* Oran Sütunları */
.col-odds { text-align: center; width: 60px; }
.col-odds-value { text-align: center; font-weight: 500; }

/* Colspan değerlerini güncelle */
.date-separator-row td {
    colspan: 7;
}

.fixture-table th, .fixture-table td {
    padding: 10px 8px; /* Padding'i biraz azalt */
    text-align: center;
    white-space: nowrap;
}
/* Yeni "Maç" Sütunu */
.col-match {
    width: 60%; /* En geniş alanı bu sütuna ver */
    text-align: left;
}
.col-match .team-home { text-align: right; }
.col-match .score { display: inline-block; width: 60px; text-align: center; font-weight: bold; }
.col-match .score strong { color: #fff; background-color: var(--primary-color); padding: 2px 8px; border-radius: 4px; }
.col-match .team-away { text-align: left; }

.fixture-table-container {
    background-color: var(--dark-bg-2);
    border-radius: 8px;
    padding: 0;
    overflow: hidden;
}
.fixture-table-modern {
    width: 100%;
    border-collapse: collapse;
    color: var(--text-dark);
}
.fixture-table-modern th, .fixture-table-modern td {
    padding: 12px 15px;
    text-align: left;
    white-space: nowrap;
}
.fixture-table-modern thead {
    background-color: #111;
    color: var(--text-dark);
    font-size: 0.9em;
    text-transform: uppercase;
}
.date-separator-row td {
    background-color: #000;
    color: #fff;
    font-weight: bold;
    padding: 8px 15px;
}
.league-separator-row td {
    background-color: #2E4053;
    color: #fff;
    font-weight: 500;
    padding: 6px 15px;
    font-size: 0.9em;
}
.match-row {
    border-bottom: 1px solid var(--dark-bg-3);
    cursor: pointer;
    transition: background-color 0.2s;
}
.match-row:hover {
    background-color: var(--dark-bg-3);
}
.match-row:last-child {
    border-bottom: none;
}
.col-time {
    width: 60px;
    font-weight: 500;
    color: #fff;
}
.col-match {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    gap: 15px;
    align-items: center;
    width: 100%;
}
.col-match .team-home { text-align: right; font-weight: 500; color: #fff; }
.col-match .team-away { text-align: left; }
.col-match .score { text-align: center; }
.col-match .score strong {
    font-weight: bold;
    color: #111;
    background-color: #fff;
    padding: 3px 8px;
    border-radius: 4px;
}
.col-odds { width: 60px; text-align: center; }
.col-odds-value { text-align: center; font-weight: 500; }

/* --- FİNAL, Modern ve Hizalı Fikstür Tasarımı --- */
.fixture-list-container {
    background-color: var(--dark-bg-2);
    border-radius: 8px;
    overflow: hidden;
}

.fixture-header-row, .match-row-item {
    display: grid;
    grid-template-columns: 60px 1fr 60px 60px 60px; /* Sütun genişliklerini tanımla */
    gap: 15px;
    align-items: center;
    padding: 12px 15px;
}

.fixture-header-row {
    background-color: #111;
    color: var(--text-dark);
    font-size: 0.9em;
    font-weight: 500;
    text-transform: uppercase;
}

.date-separator {
    background-color: #000;
    color: #fff;
    font-weight: bold;
    padding: 8px 15px;
}
.league-separator {
    background-color: #2E4053;
    color: #fff;
    font-weight: 500;
    padding: 6px 15px;
    font-size: 0.9em;
}

.match-row-item {
    border-bottom: 1px solid var(--dark-bg-3);
    text-decoration: none;
    color: inherit;
    transition: background-color 0.2s;
}
.match-row-item:hover {
    background-color: var(--dark-bg-3);
}
.match-row-item:last-child {
    border-bottom: none;
}

.header-col-time, .item-col-time { text-align: left; }
.header-col-match, .item-col-match { text-align: left; }
.header-col-odds, .item-col-odds { text-align: center; }

.item-col-time { font-weight: 500; color: #fff; }

.item-col-match {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.item-col-match .team-home { text-align: right; flex: 1; font-weight: 500; color: #fff; }
.item-col-match .score { text-align: center; width: 60px; }
.item-col-match .score strong { font-weight: bold; color: #111; background-color: #fff; padding: 3px 8px; border-radius: 4px; }
.item-col-match .team-away { text-align: left; flex: 1; }

.item-col-odds { font-weight: 500; }

.match-detail-hero {
    position: relative;
    background-color: var(--dark-bg-2);
    border-radius: 12px;
    overflow: hidden;
    padding: 30px;
    margin-bottom: 30px;
}
.match-hero-visual {
    position: absolute;
    top: 0; left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    z-index: 0;
}


.match-hero-info {
    position: relative;
    z-index: 1;
    display: flex;
    justify-content: space-between;
    align-items: center;
    text-align: center;
}
.hero-team-name {
    flex: 1;
    font-size: 2em;
    font-weight: 700;
    color: #fff;
    text-decoration: none;
}
.hero-score-info {
    flex-shrink: 0;
    margin: 0 20px;
}
.hero-final-score {
    font-size: 3.5em;
    font-weight: 800;
    color: #fff;
}
.hero-match-time {
    font-size: 2.5em;
    font-weight: 800;
    color: #fff;
}
.hero-match-date {
    color: var(--text-dark);
}

.status-column-new {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.status-badge-new {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 12px;
    border-radius: 20px;
    font-size: 0.9em;
    font-weight: 500;
    color: #fff;
}

.status-badge-new.resmi {
    background-color: rgba(76, 175, 80, 0.2);
    color: #4CAF50;
}

.status-badge-new.söylenti {
    background-color: rgba(255, 193, 7, 0.2);
    color: #FFC107;
}

.transfer-card-link { text-decoration: none; color: inherit; }

.transfer-row {
    display: flex;
    align-items: center;
    gap: 20px;
    background-color: var(--dark-bg-2);
    padding: 15px;
    border-radius: 10px;
    transition: all 0.3s ease;
    border: 1px solid var(--dark-bg-3);
}
.transfer-card-link:hover .transfer-row {
    transform: translateY(-3px);
    box-shadow: 0 5px 15px rgba(0,0,0,0.2);
    border-color: var(--dark-bg-3);
}

.transfer-player {
    flex: 0 0 220px; /* Sabit genişlik, büyümesin, küçülmesin */
    display: flex;
    align-items: center;
    gap: 15px;
}
.transfer-player img { width: 45px; height: 45px; border-radius: 50%; object-fit: cover; }
.player-info strong { display: block; font-size: 1.1em; color: #fff; }
.player-info span { font-size: 0.9em; color: var(--text-dark); }

.transfer-path {
    flex-grow: 1; /* Kalan tüm boşluğu bu alan kaplasın */
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
}
.team-info {
    display: flex;
    align-items: center;
    gap: 10px;
    font-weight: 500;
}
.team-info img {
    width: 40px;
    height: 40px;
}
.transfer-path i {
    font-size: 1.5em;
    color: var(--primary-color);
}

.transfer-status {
    flex-shrink: 0; /* Küçülmesini engelle */
    margin-left: auto; /* Otomatik olarak sağa yasla */
}

/* Mobil için esnek yapı */
@media (max-width: 992px) {
    .transfer-row {
        flex-wrap: wrap; /* Sığmazsa alt satıra geç */
    }
    .transfer-path {
        flex-basis: 100%; /* Tam genişlik kapla */
        order: 2; /* Sıralamayı değiştir */
        justify-content: space-between;
    }
    .transfer-player {
        flex-grow: 1;
        order: 1;
    }
    .transfer-status {
        order: 3;
    }
}

.transfer-path .team-info span {
    display: none; /* Takım isimlerini gizle */
}
.transfer-path .team-info {
    justify-content: center; /* Sadece logoyu ortala */
}

.news-card-feed {
    display: flex; /* Ana yapıyı flex yapıyoruz */
    flex-direction: column; /* İçerik alta gelsin */
    background-color: var(--dark-bg-3);
    border-radius: 8px;
    overflow: hidden;
    text-decoration: none;
    color: inherit;
    transition: box-shadow 0.3s, transform 0.3s;
}
.news-card-feed:hover {
    transform: translateY(-3px);
    box-shadow: 0 5px 15px rgba(30, 136, 229, 0.1);
}

/* Tahminler sayfasındaki stilin aynısı */
.news-card-visual {
    height: 150px;
    display: flex;
    position: relative;
    background-color: #111;
}
.team-logo-bg {
    width: 40%;
    height: 100%;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    opacity: 0.1;
    filter: grayscale(100%);
     /* Üçlü düzende logoların kaplayacağı alan */
     /* contain daha iyi sonuç verebilir */
}
.news-card-visual::before {
    content: 'VS';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 2em;
    font-weight: 800;
    color: rgba(255,255,255,0.1);
}
.news-card-single-image {
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
}

.news-card-content {
    padding: 20px;
}

.news-card-visual.two-way .vs-separator {
    /* İki takım varken ortada boşluk bırakır */
    width: 20%;
}
.news-card-visual.three-way {
    align-items: center;
    justify-content: center;
}
.player-avatar-center {
    width: 80px;
    height: 80px;
    flex-shrink: 0;
    z-index: 2;
}
.player-avatar-center img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    object-fit: cover;
    border: 3px solid #fff;
    box-shadow: 0 0 15px rgba(0,0,0,0.5);
}



/* ... Önceki tüm modern index.php stilleri ... */
.vs-separator-modern {
    width: 20%;
    flex-shrink: 0;
}

/* shop-item-public stilleri magaza.php ile aynı kalabilir */
.item-seller-info {
    font-size: 0.9em;
    color: var(--text-dark);
    margin-top: 5px;
}
.item-seller-info strong {
    color: var(--text-light);
    font-weight: 500;
}

.collection-card-item { text-align: center; }
.sell-button {
    width: 100%;
    margin-top: 8px;
    padding: 8px;
    background-color: var(--primary-color);
    color: #fff;
    border: none;
    border-radius: 5px;
    font-weight: 500;
    cursor: pointer;
    transition: background-color 0.2s;
}
.sell-button:hover { background-color: #c62828; }
.sell-button.on-market { background-color: #555; cursor: not-allowed; }
.close-popup { position: absolute; top: 10px; right: 15px; font-size: 2em; background:none; border:none; color:#fff; cursor:pointer; }
.modal-form { margin-top: 20px; }
.modal-form .form-group { text-align: left; }
.modal-form small { display: block; margin: 10px 0; color: var(--text-dark); }

.collection-card-item {
    display: flex;
    flex-direction: column;
}
.collection-card {
    position: relative;
   
}



.sell-button {
    width: 100%;
    padding: 8px;
    border: none;
    border-radius: 5px;
    font-weight: 500;
    cursor: pointer;
    transition: background-color 0.2s;
}
.sell-button { background-color: #555; color: #fff; }
.sell-button:hover { background-color: #666; }
.sell-button.on-market { background-color: #333; color: #777; cursor: not-allowed; }





/* Kart Seviyesine Göre Parlama Efektleri */
@keyframes gold-glow {
    0% { box-shadow: 0 0 5px #F39C12; }
    50% { box-shadow: 0 0 20px #F39C12; }
    100% { box-shadow: 0 0 5px #F39C12; }
}
.collection-card.level-10 {
    animation: gold-glow 2s infinite;
}
.collection-card.level-5, .collection-card.level-6, .collection-card.level-7, .collection-card.level-8, .collection-card.level-9 {
    box-shadow: 0 0 8px #8E44AD; /* Epik parlaması */
}


/* Yükseltme Modalı */
.upgrade-chance {
    background-color: var(--dark-bg-3);
    padding: 10px;
    border-radius: 8px;
    margin: 15px 0;
    text-align: center;
}
.upgrade-chance span {
    display: block;
    color: var(--text-dark);
}
.upgrade-chance strong {
    display: block;
    font-size: 2.5em;
    color: #FFC107;
}

/* Envanter Sayacı */
.inventory-item-count {
    display: flex;
    align-items: center;
    gap: 8px;
    background-color: var(--dark-bg-3);
    padding: 8px 12px;
    border-radius: 20px;
    font-weight: 500;
    color: var(--text-light);
}
.inventory-item-count strong {
    color: #fff;
}

.card-level-badge-new {
    position: absolute;
    top: 8px;
    left: 8px;
    background: linear-gradient(145deg, #ffde59, #ffc107);
    color: #111;
    font-weight: 800; /* Daha kalın bir font */
    font-size: 0.9em;
    padding: 5px 10px;
    border-radius: 5px;
    border: 1px solid rgba(255,255,255,0.4);
    box-shadow: 0 2px 5px rgba(0,0,0,0.3);
    display: flex;
    align-items: baseline;
    line-height: 1;
    text-shadow: 1px 1px 1px rgba(255,255,255,0.2);
}

.card-level-badge-new span {
    font-weight: 500;
    font-size: 0.8em;
    margin-right: 3px;
    opacity: 0.8;
}

/* Farklı seviyeler için ek görsel efektler (Opsiyonel ama şık) */
.collection-card.level-5 .card-level-badge-new,
.collection-card.level-6 .card-level-badge-new,
.collection-card.level-7 .card-level-badge-new,
.collection-card.level-8 .card-level-badge-new,
.collection-card.level-9 .card-level-badge-new {
    background: linear-gradient(145deg, #d383ff, #8e44ad);
    color: #fff;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
}

.collection-card.level-10 .card-level-badge-new {
    background: linear-gradient(145deg, #ff7043, #e53935);
    color: #fff;
    animation: pulse-badge 1.5s infinite;
}

@keyframes pulse-badge {
    0% { transform: scale(1); }
    50% { transform: scale(1.05); }
    100% { transform: scale(1); }
}

.collection-grid-pro {
    display: grid;
    /* Her kartın genişliği ~150px olacak şekilde ayarla, sığdığı kadar yan yana diz */
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    gap: 20px;
}

.collection-item-pro {
    display: flex;
    flex-direction: column;
}

.collection-card-pro {
    position: relative;
    aspect-ratio: 3 / 4; /* Kartların oranını koru */
    border-radius: 8px;
    overflow: hidden;
    border: 2px solid transparent;
    transition: transform 0.3s, box-shadow 0.3s;
}
.collection-card-pro:hover {
    transform: scale(1.05);
    z-index: 5;
}
.collection-card-pro img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.on-market-overlay {
    position: absolute;
    inset: 0;
    background-color: rgba(18, 18, 18, 0.7);
    backdrop-filter: blur(2px);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    text-transform: uppercase;
}

.collection-item-actions {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 5px;
    margin-top: 8px;
    height: 35px; /* Butonlar için sabit bir yükseklik ayarla */
}
/* Eğer pazarda değilse ve max seviye ise, "Sat" butonu tam genişlik kaplasın */
.collection-item-actions .upgrade-button[disabled] + .sell-button {
    grid-column: span 2;
}

/* Önceki stiller (seviye, nadirlik, parlamalar) aynı kalabilir */
.card-level-badge-new, .card-rarity-badge {
    /* ... */
}


.collection-card-item {
    display: flex;
    flex-direction: column;
    position: relative; /* Ana konteynerin pozisyonunu belirler */
}

/* Mevcut .card-actions kuralınızı bununla değiştirin veya bunu ekleyin */
.card-actions {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 5px;
    margin-top: 5px;
    
    /* EN ÖNEMLİ KISIM: */
    position: relative; /* z-index'in çalışması için gereklidir */
    z-index: 5;         /* Butonları diğer her şeyin üzerine çıkarır */
}

/* Geri kalan stiller aynı kalabilir, sadece kontrol amaçlı burada */


/* --- Yeni Nesil Profil Sayfası Stilleri --- */
.profile-layout-pro { display: grid; grid-template-columns: 1fr; gap: 30px; }
@media(min-width: 992px) { .profile-layout-pro { grid-template-columns: 300px 1fr; } }
.profile-sidebar { display: flex; flex-direction: column; gap: 20px; }
.profile-user-card { background: var(--dark-bg-2); padding: 25px; border-radius: 12px; text-align: center; }
.profile-avatar-pro { position: relative; width: 120px; height: 120px; margin: 0 auto 15px auto; }
.profile-avatar-pro img { width: 100%; height: 100%; border-radius: 50%; border: 4px solid #fff; }
.profile-user-card h2 { margin: 0 0 5px; font-size: 1.5em; color: #fff; }
.level-badge { background: var(--dark-bg-3); padding: 5px 12px; border-radius: 15px; color: #fff; font-weight: 500; display: inline-flex; align-items: center; gap: 8px; }
.followed-grid { display: flex; flex-wrap: wrap; gap: 10px; }
.followed-avatar img { width: 48px; height: 48px; border-radius: 50%; object-fit: cover; border: 2px solid var(--dark-bg-3); }
.followed-avatar img.team-avatar { border-radius: 10px; }
.bet-stats-sidebar { display: flex; flex-direction: column; gap: 10px; }

.profile-main-content-pro { display: flex; flex-direction: column; gap: 20px; }
.tpp-balance-card { background: linear-gradient(45deg, var(--primary-color), #c62828); color: #fff; padding: 25px; border-radius: 12px; text-align: center; position: relative; overflow: hidden; }
.tpp-balance-card small { display: block; opacity: 0.8; }
.tpp-balance-card span { font-size: 3em; font-weight: 800; line-height: 1; }
.tpp-balance-card span strong { font-size: 0.5em; font-weight: 500; }
.tpp-balance-card .fa-coins { position: absolute; font-size: 8em; right: -20px; bottom: -30px; color: rgba(255,255,255,0.1); transform: rotate(-15deg); }

.tabs-container.profile-tabs { background: var(--dark-bg-2); border-radius: 12px; }
.profile-tabs .tabs-content { padding: 25px; }

form-page-container { max-width: 450px; margin: 20px auto; }
.form-card { background: var(--dark-bg-2); padding: 30px; border-radius: 12px; }
.card-preview { display: flex; justify-content: center; margin-bottom: 20px; }
.card-preview .collection-card { width: 150px; /* Kartın önizleme boyutu */ }
.card-title-form { text-align: center; font-size: 1.5em; color: #fff; margin: -10px 0 20px 0; }

.modal-form .form-group { margin-bottom: 15px; }
.modal-form label { display: block; margin-bottom: 5px; color: var(--text-dark); }
.modal-form input { width: 100%; box-sizing: border-box; padding: 12px; background: var(--dark-bg-3); border: 1px solid #444; color: #fff; border-radius: 5px; font-size: 1.1em; }
.modal-form small { display: block; margin-top: 5px; font-size: 0.85em; color: var(--text-dark); }

.form-actions { display: flex; gap: 15px; margin-top: 20px; }
.form-actions .button, .form-actions .button.secondary { flex: 1; width: 100%; padding: 12px; }

.level-transition {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
    font-size: 1.2em;
    font-weight: bold;
    margin: 15px 0;
}
.level-transition .fa-arrow-right {
    color: var(--primary-color);
}

.upgrade-info-box {
    display: flex;
    gap: 15px;
    margin: 20px 0;
}
.upgrade-info-item {
    flex: 1;
    background: var(--dark-bg-3);
    padding: 15px;
    border-radius: 8px;
    text-align: center;
}
.upgrade-info-item span {
    display: block;
    font-size: 0.9em;
    color: var(--text-dark);
}
.upgrade-info-item strong {
    display: block;
    font-size: 1.3em;
    font-weight: 500;
    color: #fff;
    margin-top: 5px;
}
.upgrade-info-item .chance-value {
    color: #FFC107;
    font-size: 1.5em;
    font-weight: 700;
}
.upgrade-info-item small {
    font-size: 0.8em;
    opacity: 0.7;
}

.card-market-value {
    position: absolute;
    bottom: 8px;
    right: 8px;
    background-color: rgba(18, 18, 18, 0.8);
    backdrop-filter: blur(5px);
    color: #FFC107; /* TPP ve Borsa ile uyumlu sarı renk */
    font-weight: bold;
    font-size: 0.9em;
    padding: 4px 10px;
    border-radius: 5px;
    border: 1px solid rgba(255, 255, 255, 0.2);
    display: flex;
    align-items: center;
    gap: 6px;
}

/* --- Profil Sayfası - Modern Kart Aksiyon Butonları --- */

.card-actions {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px; /* Butonlar arası boşluk */
    margin-top: 8px;
    position: relative; /* z-index'in çalışması için */
    z-index: 5;
}

/* Tüm butonlar için ortak temel stil */
.sell-button,
.upgrade-button {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    width: 100%;
    padding: 9px;
    border: 1px solid var(--dark-bg-3);
    border-radius: 6px;
    font-weight: 500;
    font-size: 0.9em;
    cursor: pointer;
    text-decoration: none;
    transition: all 0.2s ease;
}

/* Yükselt Butonu Stili */
.upgrade-button {
    background-color: #1E88E5; /* Mavi */
    color: #fff;
}
.upgrade-button:hover {
    background-color: #1565C0;
    transform: translateY(-2px);
}

/* Sat Butonu Stili */
.sell-button {
    background-color: var(--dark-bg-3);
    color: var(--text-dark);
}
.sell-button:hover {
    background-color: #444;
    color: #fff;
}

/* Pasif Durumlar (Maks Seviye, Pazarda) */
.upgrade-button.max-level,
.sell-button.on-market {
    background-color: var(--dark-bg-2);
    color: #666;
    cursor: not-allowed;
    border-color: #222;
}
.upgrade-button.max-level:hover,
.sell-button.on-market:hover {
    transform: none; /* Hover efektini iptal et */
}

.upgrade-preview-value {
    background-color: rgba(30, 136, 229, 0.1); /* Yükseltme mavisi ile uyumlu */
    border: 1px solid #1E88E5;
    color: #64b5f6; /* Açık mavi */
    padding: 8px 10px;
    border-radius: 6px;
    font-size: 0.85em;
    text-align: center;
    margin-top: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
}

.upgrade-preview-value strong {
    color: #fff;
    font-weight: 700;
}

/* stil.css'e ekle */
.popup-icon.success { background-color: #8E44AD; } /* Başarıyı mor yapalım (epik) */
.popup-icon.error { background-color: #555; }

.inventory-item {
    position: relative; /* Adet göstergesini konumlandırmak için */
}
.item-count {
    position: absolute;
    bottom: 5px;
    right: 5px;
    background-color: rgba(18, 18, 18, 0.8);
    color: #fff;
    font-weight: bold;
    font-size: 0.9em;
    padding: 3px 8px;
    border-radius: 10px;
    border: 1px solid rgba(255, 255, 255, 0.2);
}
.vs-separator-modern {
    width: 20%;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}
.player-avatar-vs {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    object-fit: cover;
    border: 3px solid #fff;
    box-shadow: 0 0 15px rgba(0,0,0,0.5);
}

/* --- Yeni Nesil Header ve Mega Menü Stilleri --- */
:root { --header-height: 70px; /* ... renk değişkenleriniz ... */ }
body { padding-top: var(--header-height); }
.main-header { height: var(--header-height); /* ... diğer stiller ... */ }
.logo { /* ... */ }

/* Ana Navigasyon */
.main-nav { display: flex; align-items: center; gap: 5px; height: 100%; }
.nav-item, .nav-link { height: 100%; display: flex; align-items: center; }
.nav-link { color: var(--text-dark); text-decoration: none; font-weight: 500; padding: 0 15px; position: relative; transition: color 0.3s; }
.nav-link::after { content: ''; position: absolute; bottom: 0; left: 15px; right: 15px; height: 3px; background-color: var(--primary-color); transform: scaleX(0); transition: transform 0.3s ease; border-radius: 2px; }
.nav-link:hover, .nav-item:hover > .nav-link { color: #fff; }
.nav-link:hover::after, .nav-item:hover > .nav-link::after { transform: scaleX(1); }
.nav-item.dropdown > .nav-link::after { content: none; }
.live-link { color: var(--primary-color); font-weight: 700; /* ... */ }

/* Dropdown Menüler */
.dropdown-menu { display: none; position: absolute; top: 100%; left: 0; background-color: var(--dark-bg-2); min-width: 220px; box-shadow: 0 8px 20px rgba(0,0,0,0.3); border-radius: 0 0 8px 8px; z-index: 1; overflow: hidden; border-top: 3px solid var(--primary-color); }
.nav-item.dropdown:hover .dropdown-menu { display: block; }
.dropdown-menu a { color: var(--text-dark); padding: 12px 20px; text-decoration: none; display: block; }
.dropdown-menu a:hover { background-color: var(--primary-color); color: #fff; }

/* MEGA MENÜ */
.mega-menu { display: none; left: auto; right: 0; width: 400px; padding: 15px; }
.nav-item.dropdown:hover .mega-menu { display: flex; gap: 15px; }
.mega-menu-column { flex: 1; }
.mega-menu-column h4 { margin: 0 0 10px; font-size: 0.9em; color: var(--text-dark); text-transform: uppercase; border-bottom: 1px solid #444; padding-bottom: 8px; }
.mega-menu-column a { padding: 8px 10px; border-radius: 5px; }

/* Kullanıcı Menüsü */
.header-actions { display: flex; align-items: center; gap: 10px; }
.profile-trigger { background: none; border: none; cursor: pointer; padding: 0; }
.profile-trigger img { width: 38px; height: 38px; border-radius: 50%; border: 2px solid transparent; transition: border-color 0.3s; }
.profile-dropdown:hover .profile-trigger img { border-color: var(--primary-color); }
.profile-dropdown .dropdown-content { min-width: 240px; }
.dropdown-header { display: flex; align-items: center; gap: 10px; padding: 15px; border-bottom: 1px solid #444; }
.dropdown-header img { width: 40px; height: 40px; border-radius: 50%; }
.dropdown-header strong { display: block; color: #fff; }

/* Mobil Stiller */
@media (max-width: 1200px) { .main-nav { display: none; } /* Mega menü için daha erken gizle */ }
/* ... diğer mobil stiller ... */

.market-sentiment-bar {
    background-color: var(--dark-bg-2);
    padding: 20px;
    border-radius: 12px;
    margin-bottom: 30px;
}
.sentiment-label { text-align: center; font-weight: 500; color: var(--text-dark); margin-bottom: 10px; }
.sentiment-bar { display: flex; width: 100%; height: 12px; border-radius: 6px; overflow: hidden; }
.bar-risers { background-color: #4CAF50; }
.bar-fallers { background-color: #f44336; }
.sentiment-stats { display: flex; justify-content: space-between; margin-top: 10px; font-size: 0.9em; font-weight: bold; }
.risers { color: #4CAF50; }
.fallers { color: #f44336; }

.market-pulse-grid-pro { display: grid; grid-template-columns: repeat(auto-fit, minmax(400px, 1fr)); gap: 20px; }
.popular-asset-info strong { display: block; }
.popular-asset-info span { color: var(--text-dark); font-size: 0.9em; }

.market-card .card-details-wrapper {
    /* Alım-satım butonlarının en altta kalmasını sağlar */
    display: flex;
    flex-direction: column;
}

.seller-info-market {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 0.9em;
    color: var(--text-dark);
    margin-top: 10px;
}
.seller-info-market strong {
    color: #fff;
}

.market-value-info {
    font-size: 0.9em;
    color: var(--text-dark);
    background-color: var(--dark-bg-3);
    padding: 5px 10px;
    border-radius: 5px;
    margin: 10px 0;
}
.market-value-info strong {
    color: #FFC107;
}

.market-card .card-purchase-area {
    margin-top: auto; /* Butonları en alta iter */
}

.market-grid-container {
    display: grid;
    /* 4 sütunlu esnek bir yapı, her kart en az 280px olacak */
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 25px;
    
    /* YENİ KURAL: Eğer sadece 1 kart varsa, gridin sola yaslanmasını engelle */
    justify-content: center; /* Elemanları yatayda ortala */
}

/* KART TASARIMI (Görseldeki gibi daha kompakt hale getirildi) */
.market-item-card {
    background-color: var(--dark-bg-2);
    border-radius: 12px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    border: 1px solid var(--dark-bg-3);
    transition: all 0.3s ease;
    max-width: 320px; /* KARTLARIN MAKSİMUM GENİŞLİĞİ */
}
.market-item-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 20px rgba(0,0,0,0.2);
}

.market-card-image {
    height: 140px; /* İSTENEN KÜÇÜK YÜKSEKLİK */
    background-size: cover;
    background-position: center;
    position: relative;
    display: flex;
    justify-content: space-between;
    padding: 10px;
}

.market-card-level, .market-card-rarity {
    font-size: 0.8em;
    font-weight: bold;
    color: #fff;
    padding: 4px 10px;
    border-radius: 15px;
    backdrop-filter: blur(5px);
    border: 1px solid rgba(255,255,255,0.2);
    align-self: flex-start;
}
.market-card-level { background-color: rgba(255, 193, 7, 0.8); color:#111; }
.market-card-rarity { background-color: rgba(0,0,0,0.5); }
.rarity-nadir { border-top: 4px solid #1E88E5; }
.rarity-epik { border-top: 4px solid #8E44AD; }
.rarity-efsanevi { border-top: 4px solid #F39C12; }

.market-card-info {
    padding: 15px;
    flex-grow: 1;
    display: flex;
    flex-direction: column;
}
.market-card-info h3 { margin: 0 0 10px; font-size: 1.3em; color: #fff; }

.market-card-purchase {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: auto;
    padding-top: 15px;
    border-top: 1px solid var(--dark-bg-3);
}
.market-card-price {
    font-size: 1.1em;
    font-weight: 700;
    color: #FFC107;
}

.shop-section {
    margin-bottom: 40px;
}
.section-title {
    font-size: 1.8em;
    color: #fff;
    border-bottom: 2px solid var(--primary-color);
    padding-bottom: 10px;
    margin: 0 0 20px 0;
}
.section-title i {
    margin-right: 10px;
}

/* --- Yeni Maç Detay Hero Stilleri --- */
.match-detail-hero {
    background-color: var(--dark-bg-2);
    border-radius: 12px;
    padding: 30px;
    margin-bottom: 30px;
}
.match-hero-info {
    display: flex;
    justify-content: space-between;
    align-items: center;
    text-align: center;
}
.hero-team-block {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 15px;
    text-decoration: none;
    color: inherit;
    transition: transform 0.3s;
}
.hero-team-block:hover {
    transform: scale(1.05);
}
.team-logo-hero {
    width: 120px;
    height: 120px;
    object-fit: contain;
}
.hero-team-name {
    font-size: 1.8em;
    font-weight: 700;
    color: #fff;
}

/* --- Kart Detay Sayfası Stilleri --- */
.item-detail-container { max-width: 900px; margin: 0 auto; }
.item-detail-card {
    display: flex;
    gap: 30px;
    background-color: var(--dark-bg-2);
    padding: 30px;
    border-radius: 12px;
    margin-bottom: 30px;
    border-top: 4px solid;
}
.item-detail-card.rarity-yaygın { border-top-color: #9E9E9E; }
.item-detail-card.rarity-nadir { border-top-color: #1E88E5; }
.item-detail-card.rarity-epik { border-top-color: #8E44AD; }
.item-detail-card.rarity-efsanevi { border-top-color: #F39C12; }

.item-detail-image { flex-shrink: 0; }
.item-detail-image img { width: 200px; height: 280px; object-fit: cover; border-radius: 10px; }
.item-detail-info .item-detail-type { background: var(--dark-bg-3); padding: 5px 12px; border-radius: 15px; font-size: 0.9em; }
.item-detail-info h1 { font-size: 2.5em; color: #fff; margin: 15px 0; }
.item-detail-info p { font-size: 1.1em; color: var(--text-dark); line-height: 1.6; margin-bottom: 20px; }
.item-detail-rarity { margin-top: 15px; padding-top: 15px; border-top: 1px solid #333; }
.item-detail-rarity span { display: block; font-size: 0.9em; color: var(--text-dark); }
.item-detail-rarity strong { font-size: 1.2em; color: #fff; }

.item-detail-market-grid { display: grid; grid-template-columns: 1fr; gap: 20px; }
@media (min-width: 768px) { .item-detail-market-grid { grid-template-columns: 300px 1fr; } }

.market-info-box { background: var(--dark-bg-2); padding: 20px; border-radius: 12px; }
.info-box-item { margin-bottom: 20px; }
.info-box-item span { display: block; font-size: 0.9em; color: var(--text-dark); }
.info-box-item strong { font-size: 1.5em; color: #fff; font-weight: 700; }
.info-box-item small { color: #777; font-size: 0.8em; }
.market-chart-box { background: var(--dark-bg-2); padding: 20px; border-radius: 12px; }
.chart-container-small { height: 200px; }

.market-grid-container {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 25px;
}
.market-item-card-link {
    text-decoration: none;
    color: inherit;
}
.market-item-card {
    background-color: var(--dark-bg-2);
    border-radius: 12px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    border: 1px solid var(--dark-bg-3);
    transition: all 0.3s ease;
}
.market-item-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 20px rgba(0,0,0,0.2);
}
.rarity-nadir { border-color: #1E88E5; }
.rarity-epik { border-color: #8E44AD; }
.rarity-efsanevi { border-color: #F39C12; }
.rarity-efsanevi:hover { box-shadow: 0 10px 30px rgba(243, 156, 18, 0.4); }

.market-card-image {
    height: 200px;
    background-size: cover;
    background-position: center;
    position: relative;
    display: flex;
    justify-content: space-between;
    padding: 10px;
    align-items: flex-start;
}
.market-card-level, .market-card-rarity {
    background: rgba(18, 18, 18, 0.8);
    backdrop-filter: blur(5px);
    color: #fff;
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 0.8em;
    font-weight: 500;
    border: 1px solid rgba(255,255,255,0.2);
}

.market-card-info {
    padding: 15px;
    flex-grow: 1;
    display: flex;
    flex-direction: column;
}
.market-card-info h3 { margin: 0 0 10px; font-size: 1.3em; color: #fff; }
.seller-info-market { /* ... */ }
.market-value-info { /* ... */ }
.market-card-purchase { margin-top: auto; /* ... */ }

.collectible-card.market-card {
    /* card-purchase-area'nın en altta kalmasını sağlamak için */
    display: flex;
    flex-direction: column;
}
.card-main-link {
    text-decoration: none;
    color: inherit;
    flex-grow: 1; /* Mevcut alanı doldurur */
    display: flex;
    flex-direction: column;
}
.card-details-wrapper {
    flex-grow: 1; /* İçeriğin dikeyde esnemesini sağlar */
}
.card-purchase-area {
    /* Bu bölüm zaten flex container'ın (card-details-wrapper) dışında olduğu için
       artık ayrı bir element gibi davranır ve kendi linkine sahip olabilir. */
    padding: 0 20px 20px 20px;
}

.item-detail-layout {
    display: grid;
    grid-template-columns: 1fr;
    gap: 30px;
}
@media (min-width: 768px) {
    .item-detail-layout { grid-template-columns: 300px 1fr; }
}

.item-visual-column .item-card-display {
    width: 100%;
    aspect-ratio: 3/4;
    border-radius: 15px;
    overflow: hidden;
    position: relative;
    box-shadow: 0 10px 30px rgba(0,0,0,0.2);
}
.item-card-display img { width: 100%; height: 100%; object-fit: cover; }
.item-rarity-badge {
    position: absolute; top: 15px; right: 15px;
    font-size: 0.9em; padding: 5px 12px; border-radius: 20px;
    font-weight: bold; color: #fff; text-transform: uppercase;
    backdrop-filter: blur(5px); border: 1px solid rgba(255,255,255,0.2);
}
.rarity-yaygın .item-rarity-badge { background-color: rgba(158, 158, 158, 0.7); }
.rarity-nadir .item-rarity-badge { background-color: rgba(30, 136, 229, 0.7); }
.rarity-epik .item-rarity-badge { background-color: rgba(142, 68, 173, 0.7); }
.rarity-efsanevi .item-rarity-badge { background-color: rgba(243, 156, 18, 0.7); }

.item-header-detailed {
    display: flex;
    align-items: flex-start;
    gap: 15px;
    margin-bottom: 15px;
}
.item-header-detailed h1 {
    font-size: 2.5em;
    color: #fff;
    margin: 0;
    line-height: 1.2;
}
.item-type-badge {
    background-color: var(--dark-bg-3);
    padding: 5px 12px;
    border-radius: 15px;
    font-size: 0.9em;
    font-weight: 500;
    flex-shrink: 0;
}
.item-description {
    font-size: 1.1em;
    color: var(--text-dark);
    line-height: 1.7;
    margin-bottom: 30px;
}

.item-market-stats {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    gap: 15px;
    margin-bottom: 30px;
}
.stat-box-clean { background-color: var(--dark-bg-2); padding: 20px; border-radius: 12px; }
.stat-box-clean span { display: block; font-size: 0.9em; color: var(--text-dark); margin-bottom: 8px; }
.stat-box-clean strong { font-size: 1.8em; font-weight: 700; color: #fff; }

.item-actions .button {
    padding: 12px 25px;
}

/* --- "Vay Be" Kart Detay Sayfası Stilleri --- */
.card-detail-layout-pro {
    display: grid;
    grid-template-columns: 1fr;
    gap: 40px;
    max-width: 1100px;
    margin: 30px auto;
}
@media (min-width: 992px) {
    .card-detail-layout-pro { grid-template-columns: 400px 1fr; }
}

.card-showcase-column {
    perspective: 1500px; /* 3D efekt için */
}
.card-display-pro {
    width: 100%;
    aspect-ratio: 3 / 4.2;
    border-radius: 20px;
    overflow: hidden;
    position: relative;
    box-shadow: 0 25px 50px rgba(0,0,0,0.3);
    transform: rotateY(10deg) rotateX(5deg);
    transition: transform 0.5s ease;
}
.card-display-pro:hover {
    transform: rotateY(0deg) rotateX(0deg) scale(1.02);
}
.card-display-pro img { width: 100%; height: 100%; object-fit: cover; }

/* Nadirlik Seviyesine Göre Parlama Efekti */
.rarity-nadir { box-shadow: 0 0 25px rgba(30, 136, 229, 0.5); }
.rarity-epik { box-shadow: 0 0 25px rgba(142, 68, 173, 0.5); }
.rarity-efsanevi { box-shadow: 0 0 35px rgba(243, 156, 18, 0.6); animation: legendary-glow 3s infinite; }
@keyframes legendary-glow { 50% { box-shadow: 0 0 50px rgba(243, 156, 18, 0.8); } }

.card-info-column .card-type-badge-detailed {
    display: inline-block;
    background-color: var(--dark-bg-3);
    padding: 5px 12px;
    border-radius: 15px;
    font-size: 0.9em;
    font-weight: 500;
    margin-bottom: 10px;
}
.card-info-column h1 { font-size: 3em; color: #fff; margin: 0 0 10px; }
.related-player-link { color: var(--primary-color); text-decoration: none; font-weight: 500; display: inline-block; margin-bottom: 20px; }
.related-player-link:hover { text-decoration: underline; }
.item-description { font-size: 1.1em; color: var(--text-dark); line-height: 1.7; margin-bottom: 30px; }

.market-intel-widget {
    background-color: var(--dark-bg-2);
    padding: 25px;
    border-radius: 12px;
    margin-bottom: 25px;
}
.market-intel-widget h3 { margin: 0 0 20px; font-size: 1.2em; color: #fff; }
.market-intel-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 15px; }

.feed-container-pro { max-width: 700px; margin: 0 auto; display: flex; flex-direction: column; gap: 20px; }
.feed-card-pro { display: flex; text-decoration: none; color: inherit; background-color: var(--dark-bg-2); border-radius: 12px; overflow: hidden; border: 1px solid #333; transition: all 0.3s ease; }
.feed-card-pro:hover { transform: scale(1.02); box-shadow: 0 5px 20px rgba(0,0,0,0.2); }

/* Hareket (Tweet Tarzı) Kartı */
.movement-card { padding: 20px; align-items: flex-start; gap: 15px; }
.movement-icon { font-size: 1.5em; color: var(--primary-color); }
.movement-content p { margin: 0 0 8px; font-size: 1.1em; color: #fff; line-height: 1.6; }
.movement-content small { font-size: 0.85em; color: var(--text-dark); }

/* Haber ve Transfer Kartları */
.news-card .card-visual, .transfer-card .card-visual { width: 180px; flex-shrink: 0; background-size: cover; background-position: center; }
.transfer-card .card-visual.player { background-position: top center; }
.card-info { padding: 20px; display: flex; flex-direction: column; flex-grow: 1; }
.card-badge { display: inline-block; font-size: 0.8em; font-weight: bold; padding: 4px 10px; border-radius: 5px; margin-bottom: 10px; color: #fff; }
.card-badge.news { background-color: #1E88E5; }
.card-badge.transfer.resmi { background-color: #4CAF50; }
.card-badge.transfer.söylenti { background-color: #FFC107; color: #121212; }
.card-info h3 { font-size: 1.4em; color: #fff; margin: 0 0 10px; flex-grow: 1; }
.transfer-flow-feed { display: flex; align-items: center; gap: 8px; font-size: 1em; color: var(--text-dark); }
.card-footer { display: flex; justify-content: space-between; align-items: center; margin-top: 15px; border-top: 1px solid #333; padding-top: 10px; }
.card-time { font-size: 0.85em; color: var(--text-dark); }
.read-more { font-weight: bold; color: var(--primary-color); }

/* --- Yeni Nesil Akış Sayfası Stilleri --- */
.movement-card-pro { display: flex; align-items: flex-start; gap: 15px; padding: 20px; }
.tweet-avatar img { width: 48px; height: 48px; border-radius: 50%; }
.tweet-content { flex-grow: 1; }
.tweet-header { display: flex; align-items: baseline; gap: 8px; margin-bottom: 5px; }
.author-name { font-weight: bold; color: #fff; }
.author-handle, .tweet-time { font-size: 0.9em; color: var(--text-dark); }
.tweet-text { margin: 0; font-size: 1.1em; color: var(--text-light); line-height: 1.6; }

/* ... Önceki tüm akış stilleri ... */
.transfer-card .card-info h3 {
    display: none; /* Eski başlığı gizle */
}
.transfer-card-player-info {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 10px;
    flex-grow: 1;
}
.player-avatar-small {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    object-fit: cover;
}
.transfer-card-player-info h3 {
    margin: 0;
    font-size: 1.4em;
    color: #fff;
}