/* =========================
 * Frontend-Styles für TSV Trainingsplan
 * ========================= */

.tsv-trainingsplan-wrapper {
    margin: 20px 0;
}

.tsv-trainingsplan-title {
    font-size: 1.4rem;
    margin-bottom: 10px;
    color: #003366;
}

.tsv-trainingsplan-table-wrapper {
    width: 100%;
    overflow-x: auto;
}

.tsv-trainingsplan-table {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.95rem;
    color: #333333;
    min-width: 900px; /* sorgt für horizontales Scrollen auf kleinen Geräten */
}

/* =========================
   Kopfzeile
   ========================= */
.tsv-trainingsplan-table thead {
    background-color: #003366;
    color: #ffffff;
    display: table-header-group;
}

.tsv-trainingsplan-table th,
.tsv-trainingsplan-table td {
    border: 1px solid #dddddd;
    padding: 8px;
    vertical-align: top;
}

.tsv-trainingsplan-table tbody tr:nth-child(even) {
    background-color: #f2f2f2;
}

.tsv-trainingsplan-table tbody tr:hover {
    background-color: #e6f0ff;
}

/* =========================
   Mobile Ansicht (bis 900px)
   Kartenansicht deaktiviert
   ========================= */
@media (max-width: 900px) {

    /* Normale Tabellenstruktur beibehalten */
    .tsv-trainingsplan-table th,
    .tsv-trainingsplan-table td {
        display: table-cell !important;
        padding: 6px !important;
        text-align: left !important;
        width: auto !important;
    }

    /* Mobile Labels deaktivieren */
    .tsv-trainingsplan-table td::before {
        content: none !important;
        display: none !important;
    }

    /* Zeilen bleiben echte Zeilen */
    .tsv-trainingsplan-table tr {
        display: table-row !important;
    }

    /* Scrollbar für kleine Geräte */
    .tsv-trainingsplan-table-wrapper {
        overflow-x: auto !important;
        -webkit-overflow-scrolling: touch;
    }
}

/* ============================
   PDF-Export: Nur die Tabelle drucken
   ============================ */
@media print {

    /* Alles ausblenden */
    body * {
        visibility: hidden !important;
    }

    /* Nur die Tabelle sichtbar machen */
    .tsv-trainingsplan-table,
    .tsv-trainingsplan-table * {
        visibility: visible !important;
    }

    /* Tabelle auf Seite positionieren */
    .tsv-trainingsplan-table {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
    }

    /* PDF-Button ausblenden */
    .tsv-pdf-export {
        display: none !important;
    }

    /* Titel ausblenden */
    .tsv-trainingsplan-title {
        display: none !important;
    }

    /* Wrapper sichtbar halten */
    .tsv-trainingsplan-wrapper {
        visibility: visible !important;
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
    }
}