/* =========================================================
   DESBL LIGA TABELLE – SAUBERES TABELLENLAYOUT (FINAL)
   ========================================================= */

/* Wrapper */
.desbl-table-wrapper {
    width: 100%;
    overflow-x: auto;
    margin: 20px 0;
}

/* Tabelle RESET */
.desbl-table-wrapper table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    background: #0b1020;
    color: #ffffff;
    font-family: Arial, Helvetica, sans-serif;
}

/* WICHTIG: ALLES ZURÜCK AUF TABLE-MODELL */
.desbl-table-wrapper table,
.desbl-table-wrapper thead,
.desbl-table-wrapper tbody {
    #display: table !important;#
}

.desbl-table-wrapper tr {
    display: table-row !important;
}

.desbl-table-wrapper th,
.desbl-table-wrapper td {
    display: table-cell !important;
    vertical-align: middle;
    padding: 10px 12px;
    white-space: nowrap;
    border-bottom: 1px solid rgba(255,255,255,0.1);
}

/* HEADER */
.desbl-table-wrapper thead th {
    background: linear-gradient(180deg, #111a3a, #070b1d);
    color: #ffffff;
    font-size: 14px;
    text-align: center;
    font-weight: bold;
}

/* BODY */
.desbl-table-wrapper tbody td {
    font-size: 14px;
    text-align: center;
}

/* Teamname linksbündig */
.desbl-table-wrapper td:nth-child(3),
.desbl-table-wrapper th:nth-child(3) {
    text-align: left;
}

/* Hover */
.desbl-table-wrapper tbody tr:hover {
    background: rgba(255,255,255,0.05);
}

/* Teamlogo */
.desbl-table-wrapper img.ligaTableTeamLogo {
    max-width: 32px;
    max-height: 32px;
    display: block;
    margin: 0 auto;
}

/* Links */
.desbl-table-wrapper a {
    color: #ff3b3b;
    text-decoration: none;
}

.desbl-table-wrapper a:hover {
    text-decoration: underline;
}

/* Platz hervorheben */
.desbl-table-wrapper tbody tr:nth-child(1) {
    background: rgba(255,215,0,0.08);
}

/* =========================================================
   MOBILE OPTIMIERUNG
   ========================================================= */

@media (max-width: 768px) {

    .desbl-table-wrapper table {
        font-size: 13px;
    }

    /* Teamspalte breiter */
    .desbl-table-wrapper td:nth-child(3),
    .desbl-table-wrapper th:nth-child(3) {
        min-width: 160px;
    }

    /* kleine Spalten */
    .desbl-table-wrapper th,
    .desbl-table-wrapper td {
        padding: 8px 6px;
    }

    /* Mobile Kürzel */
    .desbl-table-wrapper .mobileNo {
        display: none !important;
    }

    .desbl-table-wrapper .mobileYes {
        display: inline !important;
    }
}

/* =========================================================
   SICHERHEIT: FLEX / BLOCK ZERSTÖRUNG VERHINDERN
   ========================================================= */

.desbl-table-wrapper * {
    box-sizing: border-box;
}

.desbl-table-wrapper tr,
.desbl-table-wrapper td,
.desbl-table-wrapper th {
    flex: none !important;
}

/* =========================================================
   DESBL – Platz 1 & 2 hervorheben
   ========================================================= */

/* Platz 1 */
.desbl-table-wrapper tbody tr:nth-child(1) {
    background-color: rgba(144, 238, 144, 0.35) !important; /* lightgreen */
}

/* Platz 2 */
.desbl-table-wrapper tbody tr:nth-child(2) {
    background-color: rgba(144, 238, 144, 0.25) !important;
}

/* optional: Text besser lesbar */
.desbl-table-wrapper tbody tr:nth-child(1),
.desbl-table-wrapper tbody tr:nth-child(2) {
    font-weight: 600;
}

/* =========================================================
   DESBL – Links in der Tabelle deaktivieren
   ========================================================= */

/* Links deaktivieren */
.desbl-table-wrapper a {
    pointer-events: none;
    cursor: default;
    text-decoration: none;
    color: inherit;
}

/* Auch Klicks auf Logos verhindern */
.desbl-table-wrapper img {
    pointer-events: none;
}

/* Falls onclick-Events vorhanden sind */
.desbl-table-wrapper a[onclick] {
    pointer-events: none;
}