/* 1. ANA YAPI VE RENKLER */
#fifa-2026-fikstur {
    font-family: 'Trebuchet MS', Arial, sans-serif;
    max-width: 1000px;
    margin: 10px auto;
    background-color: #121212; /* Siyah Arka Plan */
    color: #e0e0e0;
}

/* 2. BAŞLIKLAR (D GRUBU VE DİĞERLERİ) */
.sabit-baslik { 
    background-color: #b21f1f; 
    color: #fff; 
    padding: 15px; 
    font-size: 20px; 
    border-left: 5px solid #fff; 
    font-weight: bold;
}

.tur-baslik, .grup-baslik {
    background-color: #2c2c2c; 
    color: #fff; 
    padding: 12px; 
    margin: 5px 0;
    cursor: pointer; 
    border: 1px solid #444; 
    display: block;
    text-decoration: none;
}

.tur-baslik:hover { background-color: #1a2a6c; } /* Lacivert Hover */
.grup-baslik:hover { background-color: #3d3d3d; border-color: #e30a17; }

/* 3. İÇERİK ALANLARI VE İŞARETÇİLER */
.liste-icerik { 
    display: none; 
    padding: 10px; 
    background-color: #181818; 
    border: 1px dashed #444; 
}

.isaret { 
    float: right; 
    font-weight: bold; 
    color: #ffcc00; /* Gold Altın Sarısı [+] [-] */
    font-family: monospace;
}

/* 4. PUAN DURUMU TABLO TASARIMI (OVAL) */
.puan-tablosu {
    width: 100%; 
    border-collapse: separate; 
    border-spacing: 0;
    margin: 10px 0; 
    background-color: #1e1e1e; 
    color: #e0e0e0;
    border-radius: 12px; 
    overflow: hidden; 
    border: 1px solid #444; 
    font-size: 14px;
}

.puan-tablosu th { 
    background-color: #2c2c2c; 
    color: #ffcc00; 
    padding: 12px 8px; 
    text-align: center; 
    border-bottom: 2px solid #444; 
}

.puan-tablosu td { 
    padding: 10px 8px; 
    text-align: center; 
    border-bottom: 1px solid #333; 
}

/* Takım Hücresi - Bayrak ve Yazı Yan Yana */
/* Takım Hücresi - Bayrak ve Yazı Tam Hizalama */
.td-takim-konteynir { 
    display: flex; 
    align-items: center; /* Dikeyde tam merkezler */
    justify-content: flex-start; /* Yatayda baştan başlar */
    gap: 10px; /* Bayrak ve yazı arası boşluk */
    text-align: left;
    font-weight: bold;
    min-height: 24px; /* Hücrenin daralmasını engeller */
}

.td-takim-konteynir img { 
    width: 39px; /* Bayrak genişliği */
    height: 26px; /* Sabit yükseklik hizayı garantiler */
    border: 1px solid #444; 
    display: block; /* Satır içi boşlukları öldürür */
    object-fit: cover; /* Bayrağın oranını korur */
}

.td-takim-konteynir span {
    line-height: 1; /* Yazının kendi iç boşluğunu sıfırlar */
    display: inline-block;
}

/* 5. MOBİL UYUMLULUK (RESPONSIVE) */
@media screen and (max-width: 600px) {
    .mobil-gizle { display: none; } /* AG, YG, Av. ve Eleme Notu gizlenir */
    .puan-tablosu { font-size: 12px; }
    .td-takim-konteynir span { 
        max-width: 90px; 
        overflow: hidden; 
        text-overflow: ellipsis; 
        white-space: nowrap; 
    }
}


/* Maç Satırı Genel Kutusu */
.mac-satiri {
    background-color: #252525;
    border: 1px solid #333;
    margin-bottom: 10px;
    border-radius: 8px;
    overflow: hidden;
}

/* Tarih ve Stat Bilgisi Paneli */
.mac-ust-bilgi {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: #1a2a6c;
    color: #fff;
    padding: 6px 15px;
    font-size: 12px;
}

/* Maç Skor/Takım Alanı */
.mac-ana-alan {
    display: flex;
    align-items: center;
    justify-content: space-around;
    padding: 15px 10px;
    background-color: #1e1e1e;
}

.fikstur-takim {
    flex: 1;
    text-align: center;
    font-weight: bold;
    font-size: 15px;
}

.mac-no-skor {
    flex: 0.5;
    text-align: center;
    background: #333;
    padding: 5px;
    border-radius: 4px;
    color: #ffcc00;
    font-size: 13px;
    font-weight: bold;
}

/* Maç Detay Butonu */
.detay-butonu {
    background-color: #444;
    color: #ddd;
    text-align: center;
    padding: 8px;
    cursor: pointer;
    font-size: 13px;
    transition: 0.3s;
    border-top: 1px solid #333;
}
.detay-butonu:hover { background-color: #b21f1f; color: #fff; }

/* Gizli Detay Paneli */
.mac-detay-panel {
    display: none;
    padding: 15px;
    background-color: #151515;
    border-top: 1px dashed #444;
    font-size: 13px;
    color: #bbb;
}

/* Mobil için yazı boyutunu biraz küçültelim */
@media screen and (max-width: 600px) {
    .fikstur-takim { font-size: 13px; }
    .mac-ust-bilgi { flex-direction: column; gap: 3px; }
}


/* Takımlar ve Bayraklar Simetrik Düzen */
.fikstur-takim-sol {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: flex-end; /* Bayrağı en sola, yazıyı skora yakın tutar */
    gap: 10px;
    font-weight: bold;
}

.fikstur-takim-sag {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: flex-start; /* Yazıyı skora yakın, bayrağı en sağda tutar */
    gap: 10px;
    font-weight: bold;
}

.fikstur-bayrak {
    width: 28px;
    height: auto;
    border: 1px solid #444;
}

/* Skor Alanı */
.mac-skor-alan {
    flex: 0.4;
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    color: #ffcc00; /* Gold */
    letter-spacing: 2px;
}

/* Maç Detay Satırları */
.detay-satir {
    display: block;
    padding: 4px 0;
    border-bottom: 1px solid #222;
    color: #bbb;
}
.detay-satir:last-child { border-bottom: none; }

/* Mobilde bayrak ve yazı alt alta gelmesin diye ufak ayar */
@media screen and (max-width: 600px) {
    .fikstur-takim-sol, .fikstur-takim-sag { font-size: 13px; gap: 5px; }
    .fikstur-bayrak { width: 22px; }
}
.hakem-bilgi { flex: 1; text-align: center; font-weight: bold; color: #ffcc00; }

/* Olay Akışı Tasarımı (Maç Detayı İçin) */
.olay-satiri {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 6px 0;
    border-bottom: 1px solid #222;
}

.olay-sol { 
    flex: 1; 
    text-align: right; 
    display: flex; 
    align-items: center; 
    justify-content: flex-end; 
    gap: 8px;
}
.olay-orta { 
    flex: 0.3; 
    text-align: center; 
}
.olay-sag { 
    flex: 1; 
    text-align: left; 
    display: flex; 
    align-items: center; 
    justify-content: flex-start; 
    gap: 8px;
}

/* İkon ve Dakika Stilleri */
.olay-ikon { width: 18px; height: 18px; object-fit: contain; }
.dakika-kutu { 
    color: #ffcc00; 
    font-weight: bold; 
    font-size: 13px;
    font-family: monospace;
}
.anlik-skor { font-size: 12px; color: #fff; font-weight: bold; }
.anlik-skor-vurgu {
    color: #fff;
    font-weight: bold;
    background: #444;
    padding: 2px 5px;
    border-radius: 3px;
    font-size: 11px;
    margin: 0 5px;
}
/* Oyuncu Değişikliği İçin Özel Yatay Dizilim */
.degisiklik-grup {
    display: flex;
    flex-direction: column; /* Mobilde veya dar alanda kontrol için */
    gap: 2px;
}

.oyuncu-satir {
    display: flex;
    align-items: center;
    gap: 5px;
}

/* Sol taraf için (Meksika tarafı) içeriği sağa yasla */
.olay-sol .oyuncu-satir { justify-content: flex-end; }

/* Sağ taraf için (Güney Afrika tarafı) içeriği sola yasla */
.olay-sag .oyuncu-satir { justify-content: flex-start; }