/**
 * ====================================================================
 * BS5_HOMETOTAL_V2.CSS - LAYOUT ONLY
 * ====================================================================
 * WICHTIG: Diese Datei enthält NUR Layout-Regeln!
 *
 * Visuelle Styles (Farben, Fonts, Hover-Effekte) sind ausgelagert
 * nach: bs5_table_shared_theme.css
 *
 * DIESE DATEI ENTHÄLT:
 * ✅ Layout (width, height, padding, margin)
 * ✅ Positioning (vertical-align, text-align, white-space)
 * ✅ Display-Modi (display, flex, object-fit)
 * ✅ User Interaction (cursor, user-select)
 *
 * NICHT IN DIESER DATEI (siehe shared_theme.css):
 * ❌ Farben (color, background-color)
 * ❌ Typografie (font-size, font-weight)
 * ❌ Visuelle Effekte (box-shadow, transitions)
 * ====================================================================
 */

/* ============================================
   TEAM LOGO LAYOUT
   ============================================ */

.hometotal-table .team-logo {
    width: 24px;
    height: 24px;
    object-fit: contain;
    flex-shrink: 0;
}

/* ============================================
   SORTIERUNG - NUR INTERACTION
   ============================================ */

/* Sortierbare Spalten - Cursor & User-Select */
.hometotal-table.table thead.table-dark th.sortable:not(.sorted) {
    cursor: pointer;
    user-select: none;
}

.hometotal-table.table thead.table-dark th.sortable.sorted {
    cursor: pointer;
    user-select: none;
}

/* Sortier-Links - Display Block für volle Breite */
.hometotal-table.table thead.table-dark th.sortable:not(.sorted) a.text-decoration-none,
.hometotal-table.table thead.table-dark th.sortable:not(.sorted) a.text-decoration-none:link,
.hometotal-table.table thead.table-dark th.sortable:not(.sorted) a.text-decoration-none:visited {
    display: inline-block;
    width: 100%;
}

/* Sort-Arrow Layout */
.hometotal-table.table thead.table-dark th .sort-arrow {
    display: inline-block;
    margin-left: 0.35rem;
    vertical-align: text-top;
}

/* ============================================
   SPALTEN-BREITEN
   ============================================ */

/* Zuschauer ø Spalte - Max-Breite */
.hometotal-table th:nth-child(3),
.hometotal-table td:nth-child(3) {
    max-width: 105px;
}

/* Zuschauer ø Header - Extra Padding rechts für Sort-Arrow */
.hometotal-table thead th:nth-child(3) {
    padding-right: 1rem !important;
}

/* ============================================
   THEAD LAYOUT
   ============================================ */

.hometotal-table.table thead.table-dark th {
    white-space: nowrap;
    vertical-align: middle;
}

/* ============================================
   TBODY LAYOUT
   ============================================ */

.hometotal-table tbody th,
.hometotal-table tbody td {
    vertical-align: middle;
    padding: 0.75rem 0.5rem;
}

/* Numerische Spalten */
.hometotal-table .text-end {
    white-space: nowrap;
}

/* ============================================
   FOOTER LAYOUT
   ============================================ */

/* Footer team logos (für Saison-Extremwerte) */
.hometotal-table tfoot img {
    width: 24px;
    height: 24px;
    object-fit: contain;
    margin: 0 2px;
    vertical-align: middle;
    display: inline-block;
}

/* ============================================
   RESPONSIVE LAYOUT-ANPASSUNGEN
   ============================================ */

/* Mobile Optimierungen (bis 992px) */
@media (max-width: 992px) {
    .hometotal-table thead th {
        padding: 0.5rem 0.35rem;
    }

    .hometotal-table tbody th,
    .hometotal-table tbody td {
        padding: 0.5rem 0.35rem;
    }
}

/* Desktop Optimierungen (ab 992px) */
@media (min-width: 992px) {
    .hometotal-table thead th {
        padding: 1rem 0.75rem;
    }

    .hometotal-table tbody th,
    .hometotal-table tbody td {
        padding: 0.875rem 0.75rem;
    }
}

/* ============================================
   PRINT LAYOUT
   ============================================ */

@media print {
    .hometotal-table .team-logo {
        width: 18px;
        height: 18px;
    }
}