/**
 * ====================================================================
 * BS5_AWAYTOTAL_V2.CSS - LAYOUT ONLY
 * ====================================================================
 * WICHTIG: Diese Datei enthält NUR Layout-Styles!
 *
 * Farben, Fonts, Hover-Effekte sind in bs5_table_shared_theme.css
 * Diese Datei enthält NUR Spaltenbreiten, Padding, Logo-Größen, etc.
 *
 * ERLAUBT:
 * ✅ Spacing (padding, margin)
 * ✅ Größen (width, height)
 * ✅ Positioning (position, display, flex)
 * ✅ Layout (white-space, vertical-align)
 *
 * VERBOTEN (gehört in shared_theme.css):
 * ❌ Farben (color, background-color, border-color)
 * ❌ Typografie (font-size, font-weight, line-height)
 * ❌ Visuelle Effekte (box-shadow, opacity, transitions)
 * ====================================================================
 */

/* ====================================================================
 * ABSCHNITT 1: TABLE CONTAINER
 * ==================================================================== */

.awaytotal-table {
    margin-bottom: 0;
}

/* ====================================================================
 * ABSCHNITT 2: TEAM LOGO & LINKS
 * ==================================================================== */

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

/* ====================================================================
 * ABSCHNITT 3: TABLE HEADER LAYOUT
 * ==================================================================== */

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

/* Sortierbare Spalten - Cursor */
.awaytotal-table.table thead.table-dark th.sortable {
    cursor: pointer;
    user-select: none;
}

/* Sortierbare Links - Layout */
.awaytotal-table.table thead.table-dark th.sortable a.text-decoration-none {
    display: inline-block;
    width: 100%;
}

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

/* ====================================================================
 * ABSCHNITT 4: TBODY LAYOUT
 * ==================================================================== */

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

/* ====================================================================
 * ABSCHNITT 5: NUMERISCHE SPALTEN
 * ==================================================================== */

.awaytotal-table .text-end {
    white-space: nowrap;
}

/* ====================================================================
 * ABSCHNITT 6: RESPONSIVE LAYOUT
 * ==================================================================== */

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

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

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

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

/* ====================================================================
 * ABSCHNITT 7: PRINT LAYOUT
 * ==================================================================== */

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