/* ==========================================================================
   1950 DÜNYA KUPASI NATIVE AKORDEON VE TABLO NİZAMI
   ========================================================================== */

/* details Elementi (Kapsayıcı Box) */
.grup-akordeon {
    background: #1e293b;
    border: 1px solid #334155;
    border-radius: 8px;
    margin-bottom: 15px;
    overflow: hidden;
    font-family: sans-serif;
    display: block;
}

/* summary Elementi (Tıklama Alanı Başlığı) */
.grup-baslik {
    background: #0f172a;
    color: #f8fafc;
    padding: 15px 20px;
    font-size: 16px;
    font-weight: bold;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
    user-select: none;
    outline: none;
    list-style: none; /* Standart ok işaretini uçurur (Chrome/Firefox) */
}

/* Safari için standart ok işaretini uçurma nizamı */
.grup-baslik::-webkit-details-marker {
    display: none;
}

.grup-baslik:hover {
    background: #1e293b;
}

/* Durum İşareti Varsayılan: Kapalıyken [+] */
.grup-isaret::before {
    content: "[+]";
    color: #9af60e;
    font-family: monospace;
    font-size: 16px;
}

/* Kutu Açıldığında (open) [-] İşaretine Dönüşme Nizamı */
.grup-akordeon[open] .grup-isaret::before {
    content: "[-]";
}

/* Akordeon İçerik Alanı */
.grup-icerik {
    padding: 20px;
}

/* Oval Köşeli Tablo Tasarımı */
.puan-tablo-kapsayici {
    border: 1px solid #334155;
    border-radius: 8px;
    overflow: hidden;
    margin-bottom: 20px;
}

.puan-tablosu {
    width: 100%;
    border-collapse: collapse;
    text-align: center;
    background: #0f172a;
    color: #cbd5e1;
    font-size: 14px;
}

.puan-tablosu th {
    background: #1e293b;
    color: #f8fafc;
    padding: 12px 10px;
    font-weight: bold;
    border-bottom: 1px solid #334155;
}

.puan-tablosu td {
    padding: 12px 10px;
    border-bottom: 1px solid #1e293b;
    vertical-align: middle;
}

.puan-tablosu td.takim-adi {
    text-align: left;
    display: flex;
    align-items: center;
    gap: 10px;
    font-weight: bold;
}

.puan-tablosu .flag {
    width: 24px;
    height: auto;
    border-radius: 2px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.3);
}

/* Lider Satırı (Fıstık Yeşili Işıltı) */
.puan-tablosu tr.lider-satir {
    background: rgba(154, 246, 14, 0.08) !important;
}
.puan-tablosu tr.lider-satir td {
    color: #9af60e;
}
.puan-tablosu tr.lider-satir td.eleme-notu {
    font-weight: bold;
    font-size: 12px;
}

/* Maçlar Bölümü Bölgesi */
.grup-maclar-alani {
    background: #0f172a;
    border: 1px dashed #475569;
    border-radius: 6px;
    padding: 15px;
    margin-top: 15px;
    text-align: center;
    color: #94a3b8;
    font-size: 13px;
}

/* MOBİL UYUM (RESPONSIVE) AYARLARI */
@media (max-width: 768px) {
    .puan-tablosu th.mobil-gizle, 
    .puan-tablosu td.mobil-gizle {
        display: none !important;
    }
    .puan-tablosu th, .puan-tablosu td {
        padding: 10px 6px;
        font-size: 13px;
    }
}
/* Turnuvadan Çekilen Takım Satırı Nizamı (Mat Gri) */
.puan-tablosu tr.cekildi-satir {
    background: rgba(100, 116, 139, 0.15) !important;
}
.puan-tablosu tr.cekildi-satir td {
    color: #64748b !important;
}
.puan-tablosu tr.cekildi-satir td.eleme-notu {
    font-style: italic;
    font-size: 12px;
}
    
@media (max-width: 768px) {
    /* Puan tablosu gizleme kuralları... */
    .puan-tablosu th.mobil-gizle, 
    .puan-tablosu td.mobil-gizle {
        display: none !important;
    }
    
    /* MOBİLDE SADECE CEPTEN GİRENLER İÇİN KÜÇÜLTME EMRETTİK */
    .kupa50-merkez {
        gap: 4px !important;
    }

    .kupa50-merkez .kupa50-takim {
        font-size: 13px !important; /* Sadece mobilde 13px */
        width: 32% !important;
    }

    .kupa50-merkez .kupa50-skor {
        font-size: 13px !important; /* Sadece mobilde 13px */
        padding: 4px 8px !important;
        min-width: 42px !important;
    }
}
/* ==========================================================================
   1950 DÜNYA KUPASI MAÇ KARTLARI NİZAMI (1938 MİRASI)
   ========================================================================== */

/* MAÇLARIN ARASINA ÇİZİK (AYRAÇ) ATMA NİZAMI */
.kupa50-kart {
    background: #0f172a;
    border: 1px solid #334155;
    border-radius: 6px;
    padding: 15px;
    margin-top: 15px;
    margin-bottom: 35px; /* Alt boşluğu biraz daha açtık ki çizgi sıkışmasın */
    font-family: sans-serif;
    position: relative; /* Çizgiyi konumlandırmak için gerekli */
}

/* Her maç kartının altına şık, kesikli bir çizgi atıyoruz */




/* Skor ve Takımlar Alanı */
.kupa50-merkez {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 12px;
    padding-bottom: 12px;
    border-bottom: 1px dashed #1e293b;
}

/* Masaüstünde Skorun Eski Şanlı İri Haline Dönüşü */
.kupa50-skor {
    background: #1e293b;
    color: #9af60e; 
    font-size: 18px; /* Masaüstünde yeniden 18px yaptık */
    font-weight: bold;
    padding: 6px 15px;
    border-radius: 4px;
    min-width: 60px;
    text-align: center;
}

.kupa50-takim {
    font-size: 16px; /* Masaüstünde takımlar yeniden net ve iri */
    font-weight: bold;
    color: #f8fafc;
    width: 35%; 
}

.kupa50-takim.sol { text-align: right; }
.kupa50-takim.sag { text-align: left; }

.kupa50-bayrak {
    width: 28px;
    height: auto;
    border-radius: 2px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.4);
}



.kupa50-skor small {
    display: block;
    font-size: 10px;
    color: #94a3b8;
}

/* Dakika ve Golcü Satırları */
/* Gol Alanı Genel Düzeni */
.kupa50-goller {
    padding: 12px 0;
    font-size: 13px;
    color: #cbd5e1;
}

/* Gol Satırı: 3 Sütunlu Askeri Düzen */
.kupa50-gol-satir {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 6px;
}

/* Sol Takımın Golcü Alanı (Sola Hizalı, İçerik Sağa Yanaşık) */
.kupa50-gol-sol {
    width: 40%;
    display: flex;
    justify-content: flex-end; /* İsmi ve ikonu sağa, yani bayrağın altına yaslar */
    align-items: center;
    gap: 5px;
}

/* Tam Merkezdeki Dakika Kutusu (Skorun Tam Altına Denk Gelir) */
.kupa50-gol-dk { 
    width: 10%;
    text-align: center;
    color: #94a3b8; 
    font-weight: bold; 
    font-family: monospace;
    background: #1e293b;
    padding: 2px 0;
    border-radius: 3px;
    font-size: 11px;
    margin: 0 10px; /* Sağa ve sola nizamî boşluk */
}

/* Sağ Takımın Golcü Alanı (Sağa Hizalı, İçerik Sola Yanaşık) */
.kupa50-gol-sag {
    width: 40%;
    display: flex;
    justify-content: flex-start; /* İsmi ve ikonu sola, yani sağdaki bayrağın altına yaslar */
    align-items: center;
    gap: 5px;
}

.kupa50-gol-ikon {
    width: 12px;
    height: 12px;
    vertical-align: middle;
}
/* Künyenin Tek Satıra İndirilmesi ve Neon Hakem Vurgusu */
.kupa50-alt-satir {
    margin-top: 8px;
    padding-top: 12px;
    border-top: 1px solid #1e293b;
    font-size: 12px;
    color: #94a3b8;
    display: flex;
    justify-content: space-between; /* Sol, orta ve sağa nizamîce dağıtır */
    align-items: center;
    flex-wrap: wrap; /* Mobilde sıkışırsa nizamı bozmadan alta kırar */
    gap: 10px;
}

/* Fıstık Yeşili Neon Hakem Sınıfı */
.kupa50-neon-hakem {
    color: #9af60e;
    font-weight: bold;
    text-shadow: 0 0 8px rgba(154, 246, 14, 0.4); /* Hafif neon ışıltısı */
}

.kupa50-gol-sol { width: 40%; text-align: right; }
.kupa50-gol-dk { 
    width: 10%; 
    text-align: center; 
    color: #94a3b8; 
    font-weight: bold; 
    font-family: monospace;
}
.kupa50-gol-sag { width: 40%; text-align: left; }

.kupa50-gol-ikon {
    width: 12px;
    height: 12px;
    margin: 0 5px;
    vertical-align: middle;
}

/* Maç Künyesi (Alt Bilgiler) */


.kupa50-tarih, .kupa50-hakem, .kupa50-stat {
    margin-bottom: 2px;
}
/* 1950 KATILAN ÜLKELER KAPSAYICI */
.kupa-konteyner {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    justify-content: center;
    margin: 25px 0;
    padding: 10px;
}

/* TAKIM SATIR/KUTU AYARI */
.kupa-row {
    flex: 1 1 calc(25% - 15px); /* Masaüstünde yan yana 4 takım */
    min-width: 140px; /* Mobilde aşırı büzülmeyi önler */
    max-width: 200px;
}

/* İÇ HİZALAMA VE GÖRSEL NİZAM */
.kupa-col {
    background-color: #1e293b;
    border: 1px solid #334155;
    border-radius: 8px;
    padding: 12px;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    transition: transform 0.2s ease, border-color 0.2s ease;
}

.kupa-col:hover {
    border-color: #9af60e;
    transform: translateY(-3px);
}

/* BAYRAK ÖLÇÜLERİ */
.kupa-col .flag {
    width: 60px;
    height: 40px;
    object-fit: cover;
    border-radius: 4px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.3);
    border: 1px solid #475569;
}

/* ÜLKE ADI YAZI STİLİ */
.kupa-col strong {
    font-family: sans-serif;
    color: #f8fafc;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0.5px;
}
/* ==========================================================================
   1950 DÜNYA KUPASI GOL KRALLIĞI STİL NİZAMI (MOBİL UYUMLU)
   ========================================================================== */

/* Ana Kapsayıcı Kutusu */
.altin-kadro-kapsayici {
    background-color: #1e293b;
    border: 1px solid #334155;
    border-radius: 12px;
    margin: 30px auto;
    max-width: 900px;
    overflow: hidden;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.3);
}

/* En Üstteki Lacivert Başlık Şeridi */
.kadro-baslik {
    font-family: sans-serif;
    font-size: 16px;
    font-weight: 800;
    letter-spacing: 1.5px;
    text-align: center;
    padding: 15px 10px;
    text-transform: uppercase;
}

/* Blokları Yan Yana Getiren Izgara Sistemi */
.kadro-izgara {
    display: flex;
    flex-wrap: wrap;
    gap: 0; /* İç hatların birbirine nizamî yapışması için */
}

/* Her Bir Gol Derecesi Bloğu (9, 5 ve 4 Gol Kutuları) */
.mevki-blok {
    flex: 1 1 calc(33.333% - 0px); /* Masaüstünde yan yana 3 eşit sütun */
    min-width: 250px; /* Mobilde dikey sıraya nizamî geçiş barajı */
    border-top: 5px solid #475569; /* Üst madalya renk şeridi */
    background-color: #0f172a;
    padding: 20px;
    box-sizing: border-box;
    border-right: 1px solid #1e293b;
}

/* Son sütunun sağ çizgisini kaldırıp nizamı koruyoruz */
.mevki-blok:last-child {
    border-right: none;
}

/* Gol Sayısını Gösteren Küçük Başlıklar */
.mevki-baslik {
    font-family: sans-serif;
    color: #94a3b8;
    font-size: 13px;
    font-weight: bold;
    letter-spacing: 1px;
    text-transform: uppercase;
    margin-bottom: 15px;
    border-bottom: 1px solid #1e293b;
    padding-bottom: 5px;
}

/* Oyuncu Listesi Alanı */
.oyuncu-liste {
    list-style: none;
    padding: 0;
    margin: 0;
}

/* Her Bir Oyuncu Satırı */
.oyuncu-liste li {
    font-family: sans-serif;
    color: #f8fafc;
    font-size: 15px;
    font-weight: 600;
    padding: 8px 0;
    display: flex;
    align-items: center;
    gap: 10px; /* Bayrak ile isim arasındaki nizamî boşluk */
}

/* Liste İçi Bayrak Görselleri */
.oyuncu-liste li img {
    height: auto;
    border-radius: 2px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.3);
    display: inline-block;
}

/* Mobil Ekranlar İçin Ekstra Uyum Ayarı */
@media (max-width: 768px) {
    .kadro-izgara {
        display: flex;
        flex-direction: column;
    }
    .mevki-blok {
        flex: 1 1 100%;
        border-right: none;
        border-bottom: 1px solid #1e293b;
    }
    .mevki-blok:last-child {
        border-bottom: none;
    }
}
/* ==========================================================================
   1950 TURNUVA SIRALAMASI TABLO STİL NİZAMI (MOBİL UYUMLU)
   ========================================================================== */

/* Tablonun Mobilde Sağa Taşmasını Önleyen Konteyner */
.arsiv-tablo-konteyner {
    width: 100%;
    overflow-x: auto;
    background-color: #0f172a; /* Koyu arka plan */
}

/* Ana Tablo Yapısı */
.arsiv-tablo {
    width: 100%;
    border-collapse: collapse;
    font-family: sans-serif;
    color: #f8fafc;
    font-size: 14px;
    text-align: center;
}

/* Başlık Satırı (Sıra, Takım, O, G, B, M...) */
.arsiv-tablo th {
    background-color: #1e293b;
    color: #94a3b8;
    font-weight: 700;
    padding: 12px 10px;
    border-bottom: 2px solid #334155;
    font-size: 13px;
    text-transform: uppercase;
}

/* Standart Satır Hücreleri */
.arsiv-tablo td {
    padding: 12px 10px;
    border-bottom: 1px solid #1e293b;
    vertical-align: middle;
}

/* Takım Adı Hücresi (Bayrak ve İsim Sol Hizalı) */
.arsiv-tablo td.takim-ad {
    text-align: left;
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 8px;
    min-width: 130px; /* Mobilde ismin büzülmesini önler */
}

/* Tablo İçi Bayrak Nizamı */
.arsiv-tablo td.takim-ad img {
    height: auto;
    border-radius: 2px;
    box-shadow: 0 1px 2px rgba(0,0,0,0.4);
}

/* Satır Üzerine Gelindiğinde Hafif Işık Efekti */
.arsiv-tablo tbody tr:hover {
    background-color: rgba(51, 65, 85, 0.3);
}

/* ==========================================================================
   ÖZEL DERECE RENKLENDİRMELERİ (Podyum Nizamı)
   ========================================================================== */

/* 1. Şampiyon Satırı (Hafif Altın Tonu Vurgusu) */
.arsiv-tablo tr.sirada-sampiyon {
    background-color: rgba(250, 204, 21, 0.08);
}
.arsiv-tablo tr.sirada-sampiyon td:first-child {
    color: #facc15;
    font-weight: bold;
}

/* 2. İkinci Satırı (Hafif Gümüş/Mavi Tonu Vurgusu) */
.arsiv-tablo tr.sirada-ikinci {
    background-color: rgba(148, 163, 184, 0.05);
}
.arsiv-tablo tr.sirada-ikinci td:first-child {
    color: #94a3b8;
    font-weight: bold;
}

/* 3. ve 4. Dereceler (Hafif Bronz/Yarı Final Vurgusu) */
.arsiv-tablo tr.sirada-yari-final {
    background-color: rgba(226, 114, 91, 0.03);
}
.arsiv-tablo tr.sirada-yari-final td:first-child {
    color: #e2725b;
}

/* ==========================================================================
   RESPONSIVE (MOBİL) EKRAN KURALI
   ========================================================================== */
@media (max-width: 768px) {
    /* Geniş sütunları mobilde gizleyerek taşmayı önler */
    .mobil-gizle {
        display: none !important;
    }
    
    /* Mobilde yazı boyutunu hafifçe optimize edelim */
    .arsiv-tablo td {
        padding: 10px 6px;
        font-size: 13px;
    }
}