<style>
 /* Mobil cihazlarda (768px altı) logoyu gizlemek için */
    @media only screen and (max-width: 768px) {
        .mobil-gizle {
            display: none !important;
        }
    }
/* Görseli Sağa Yaslama (Float Right) */
.img-float-right {
    float: right;
    margin-left: 20px;
    margin-bottom: 15px;
    max-width: 25%; /* Bilgisayarda yazının %40'ını kaplar */
    border: 2px solid #d9fd16; /* Sitedeki neon yeşili detayla uyumlu */
    padding: 5px;
}

/* Görseli Sola Yaslama (Float Left) */
.img-float-left {
    float: left;
    margin-right: 20px;
    margin-bottom: 15px;
    max-width: 25%;
    border: 2px solid #d9fd16;
    padding: 5px;
}

/* MOBİL AYARI: Ekran küçüldüğünde float'ı iptal et */
@media (max-width: 768px) {
    .img-float-right, .img-float-left {
        float: none;      /* Yaslamayı kaldır */
        display: block;   /* Tek başına bir blok yap */
        margin: 0 auto 20px auto; /* Ortala ve altına boşluk bırak */
        max-width: 100%;  /* Genişliği tam ekran yap */
    }
}

/* Altyazı Stili */
.img-caption {
    font-size: 0.85rem;
    color: #999;
    font-style: italic;
    text-align: center;
    margin-top: 5px;
    display: block;
}


/* Denizlispor Veri Tablosu Genel Yapısı */
.ds-table {
    display: flex;
    flex-direction: column;
    width: 100%;
    background-color: #000;
    color: #fff;
    font-family: sans-serif;
    border-radius: 15px;
    overflow: hidden;
    border: 2px solid #008000;
    margin-bottom: 20px;
}

.ds-row {
    display: flex;
    flex-wrap: nowrap; /* Masaüstünde tek satır */
    padding: 12px 10px;
    border-bottom: 1px solid #222;
    align-items: center;
    width: 100%;
    box-sizing: border-box;
}

.ds-header {
    background-color: #004d00 !important;
    font-weight: bold;
    font-size: 14px;
}

/* Masaüstü Sütun Ayarları */
.cell { padding: 5px; box-sizing: border-box; flex-shrink: 0; }
.cell-season { width: 10%; min-width: 90px; }
.cell-lig { width: 15%; }
.cell-pos { width: 5%; text-align: center; }
.cell-stats { width: 4%; text-align: center; color: #aaa; font-size: 12px; }
.cell-p { width: 6%; text-align: center; font-weight: bold; color: #9af60e; }
.cell-coach { width: 22%; font-size: 13px; flex-shrink: 1; }
.cell-note { width: 26%; font-size: 12px; color: #ccc; font-style: italic; flex-shrink: 1; }

/* Lig Renkleri */
.row-sl { background-color: #002200; border-left: 5px solid #00ff00; }
.row-tff1 { background-color: #151515; border-left: 5px solid #888; }
.row-lower { background-color: #050505; border-left: 5px solid #444; }

/* MOBİL AYARLAR - KESİN ÇÖZÜM */
@media (max-width: 768px) {
    .ds-row { flex-wrap: wrap; padding: 10px 5px; }
    .mobile-hide { display: none !important; }
    
    /* Mobilde Başlıkta TD ve Not Gizle */
    .ds-header .cell-coach, .ds-header .cell-note { display: none !important; }

    /* Üst Satır Dörtlüsü (Toplam %100) */
    .cell-season { width: 25% !important; font-size: 12px; }
    .cell-lig { width: 40% !important; font-size: 12px; }
    .cell-pos { width: 15% !important; text-align: center; }
    .cell-p { width: 20% !important; text-align: center; display: block !important; } 

    /* Alt Satıra Düşenler */
    .cell-coach, .cell-note { 
        width: 100% !important; 
        display: block !important; 
        padding-left: 10px;
        margin-top: 5px;
        white-space: normal;
        flex-basis: 100%; /* Alt satıra geçmeyi zorunlu kılar */
    }
    .cell-coach::before { content: "TD: "; color: #008000; font-weight: bold; }
    .cell-note::before { content: "Not: "; color: #9af60e; font-weight: bold; }
}


@media (max-width: 768px) {
    .cell-season { width: 25% !important; }
    .cell-lig    { width: 40% !important; }
    .cell-pos    { width: 15% !important; }
    .cell-p      { width: 20% !important; text-align: right; font-weight: bold; }
    /* TD ve Notlar alt satıra zorunlu geçer */
    .cell-coach, .cell-note { width: 100% !important; flex-basis: 100%; }
}

/* [+] / [-] İkon Değişimi */
    details[open] summary .ds-icon::before {
        content: "[-]";
    }
    details summary .ds-icon::before {
        content: "[+]";
    }
    /* Summary içindeki varsayılan ok işaretini kaldırır */
    details summary::-webkit-details-marker {
        display: none;
    }
    details[open] summary {
        border-bottom: 2px solid #053d22;
        background: #053d22;
    }

/* Denizlispor Başarı Kutusu - Dark Mode Uyumlu */
.ds-basari-box {
    border: 2px solid #09703e; /* Denizli Yeşili Çerçeve */
    padding: 25px;
    border-radius: 12px;
    background-color: #121212; /* Siyah Arka Plan */
    background-image: linear-gradient(145deg, #1a1a1a, #0a0a0a); /* Hafif Derinlik */
    margin: 20px 0;
    line-height: 1.8;
    box-shadow: 0 10px 30px rgba(0,0,0,0.5);
    color: #e0e0e0; /* Genel Metin Rengi */
}

.ds-basari-box h2 {
    color: #28a745; /* Parlak Yeşil Başlık */
    border-bottom: 2px solid #09703e;
    padding-bottom: 12px;
    margin-top: 0;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.ds-basari-box h3 {
    color: #ffffff; /* Alt Başlık Beyaz */
    margin-top: 20px;
    font-weight: 700;
    text-shadow: 1px 1px 2px #000;
}

.ds-basari-box p {
    margin-bottom: 15px;
    color: #ccc; /* Okunabilir Gri Tonu */
    text-align: justify;
}

/* Mobil Uyumluluk */
@media (max-width: 768px) {
    .ds-basari-box {
        padding: 15px;
        border-width: 1px;
    }
}

/* UEFA Maç Tablosu Konteyner */
.ds-match-table {
    background-color: #121212;
    border: 2px solid #09703e;
    border-radius: 15px;
    overflow: hidden;
    margin: 20px 0;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    color: #fff;
}

/* Tur Başlıkları (1. Tur, 2. Tur vb.) */
.ds-tour-header {
    background: linear-gradient(to right, #09703e, #1e7e34);
    padding: 10px 15px;
    font-weight: bold;
    font-size: 1.1rem;
    text-transform: uppercase;
    border-bottom: 1px solid #075a32;
}

/* Satır Yapısı */
.ds-match-row {
    display: flex;
    align-items: center;
    padding: 12px 15px;
    border-bottom: 1px solid #222;
    transition: background 0.3s;
}

.ds-match-row:hover {
    background-color: #1a1a1a;
}

.ds-match-row:last-child {
    border-bottom: none;
}

/* Sütun Genişlikleri */
.ds-col-season { width: 15%; font-size: 0.9rem; color: #aaa; }
.ds-col-round  { width: 10%; font-size: 0.9rem; font-weight: bold; color: #28a745; }
.ds-col-team   { width: 30%; display: flex; align-items: center; gap: 10px; font-weight: 500; }
.ds-col-score  { width: 10%; text-align: center; font-weight: 800; font-size: 1.2rem; color: #28a745; background: #000; border-radius: 5px; padding: 5px 0; }

/* Takım Hizalamaları */
.team-home { justify-content: flex-end; text-align: right; }
.team-away { justify-content: flex-start; text-align: left; }

/* Logo Stili */
.ds-logo {
    width: 25px;
    height: 25px;
    object-fit: contain;
}

/* Mobil Uyumluluk */
@media (max-width: 768px) {
    .ds-col-season, .ds-col-round { display: none; }
    .ds-col-team { width: 40%; font-size: 0.85rem; }
    .ds-col-score { width: 20%; }
}


</style>