/**
 * SportsPress League Table — Override estilo Spanish Packers (fondo oscuro)
 *
 * Scope: solo se aplica cuando la tabla [league_table] está dentro de un
 * contenedor con la clase .gbrs-standings-dark. Así no afecta a otras
 * tablas que se usen sobre fondo blanco en el resto del sitio.
 *
 * Uso en Elementor:
 *   Sección con fondo verde → contenedor con CSS Classes: gbrs-standings-dark
 *   Dentro del contenedor: shortcode [league_table id="304"]
 *
 * Paleta:
 *   Verde Spanish Packers: #10301f
 *   Dorado Spanish Packers: #f9b45b
 *   Blanco texto: #ffffff
 */

/* ── Tabla completa: fondo transparente y reset ─────────────────────── */

.gbrs-standings-dark .sp-league-table,
.gbrs-standings-dark .sp-data-table {
    background: transparent !important;
    border: none !important;
    color: #ffffff;
    width: 100%;
    border-collapse: collapse;
}

/* Quitar bordes del wrapper DataTables si los hubiera */
.gbrs-standings-dark .dataTables_wrapper,
.gbrs-standings-dark .dataTables_scroll,
.gbrs-standings-dark .dataTables_scrollHead,
.gbrs-standings-dark .dataTables_scrollBody {
    background: transparent !important;
    border: none !important;
}

/* Ocultar paginación, filtros y "showing X of Y" de DataTables si aparecen */
.gbrs-standings-dark .dataTables_info,
.gbrs-standings-dark .dataTables_paginate,
.gbrs-standings-dark .dataTables_length,
.gbrs-standings-dark .dataTables_filter {
    display: none !important;
}

/* ── Ocultar columna "Pos" (rank) ───────────────────────────────────── */

.gbrs-standings-dark .sp-league-table th.data-rank,
.gbrs-standings-dark .sp-league-table td.data-rank {
    display: none !important;
}

/* ── Ocultar flechas de ordenación de DataTables ────────────────────── */

.gbrs-standings-dark .sp-league-table th.sorting,
.gbrs-standings-dark .sp-league-table th.sorting_asc,
.gbrs-standings-dark .sp-league-table th.sorting_desc {
    background-image: none !important;
    cursor: default !important;
}

.gbrs-standings-dark .sp-league-table th.sorting::after,
.gbrs-standings-dark .sp-league-table th.sorting_asc::after,
.gbrs-standings-dark .sp-league-table th.sorting_desc::after,
.gbrs-standings-dark .sp-league-table th.sorting::before,
.gbrs-standings-dark .sp-league-table th.sorting_asc::before,
.gbrs-standings-dark .sp-league-table th.sorting_desc::before {
    display: none !important;
    content: none !important;
}

/* ── Cabecera (thead) ───────────────────────────────────────────────── */

.gbrs-standings-dark .sp-league-table thead th {
    background: transparent !important;
    border: none !important;
    border-bottom: 1px solid rgba(255, 255, 255, .2) !important;
    padding: .85rem 1rem !important;
    font-family: "UltimatumBold", "Poppins", sans-serif !important;
    font-weight: normal !important;
    font-size: 1rem !important;
    letter-spacing: .08em !important;
    text-transform: uppercase !important;
    color: #f9b45b !important;
    text-align: left !important;
}

/* La columna Equipo es la única alineada a la izquierda explícitamente;
   el resto (V/D/E y métricas adicionales) van centradas. */
.gbrs-standings-dark .sp-league-table thead th:not(.data-name) {
    text-align: center !important;
}

/* ── Cuerpo (tbody) ─────────────────────────────────────────────────── */

.gbrs-standings-dark .sp-league-table tbody td {
    background: transparent !important;
    border: none !important;
    border-bottom: 1px solid rgba(255, 255, 255, .1) !important;
    padding: .85rem 1rem !important;
    font-family: "Poppins", sans-serif !important;
    font-size: 1rem !important;
    color: #ffffff !important;
    text-align: left;
    vertical-align: middle;
}

/* V / D / E y métricas adicionales van centradas */
.gbrs-standings-dark .sp-league-table tbody td:not(.data-name) {
    text-align: center !important;
}

/* Anular alternancia odd/even de SportsPress */
.gbrs-standings-dark .sp-league-table tbody tr.odd td,
.gbrs-standings-dark .sp-league-table tbody tr.even td {
    background: transparent !important;
}

/* ── Última fila sin border-bottom (más limpio) ─────────────────────── */

.gbrs-standings-dark .sp-league-table tbody tr:last-child td {
    border-bottom: none !important;
}

/* ── Logo del equipo ────────────────────────────────────────────────── */

.gbrs-standings-dark .sp-league-table .team-logo {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-right: .65rem;
    vertical-align: middle;
}

.gbrs-standings-dark .sp-league-table .team-logo img,
.gbrs-standings-dark .sp-league-table .data-name img.attachment-sportspress-fit-icon {
    height: 30px !important;
    width: auto !important;
    max-width: 36px !important;
    object-fit: contain !important;
    background: transparent !important;
    border-radius: 0 !important;
    vertical-align: middle !important;
    display: inline-block;
}

/* ── Enlaces del equipo: heredan color del td ───────────────────────── */

.gbrs-standings-dark .sp-league-table td.data-name a,
.gbrs-standings-dark .sp-league-table td.data-name a:link,
.gbrs-standings-dark .sp-league-table td.data-name a:visited,
.gbrs-standings-dark .sp-league-table td.data-name a:hover,
.gbrs-standings-dark .sp-league-table td.data-name a:focus {
    color: #ffffff !important;
    text-decoration: none !important;
    display: inline-flex;
    align-items: center;
    gap: 0;
}

.gbrs-standings-dark .sp-league-table td.data-name a:hover {
    color: #f9b45b !important;
}

/* ── Fila destacada (Packers) ───────────────────────────────────────── */

.gbrs-standings-dark .sp-league-table tbody tr.highlighted td,
.gbrs-standings-dark .sp-league-table tbody tr.highlighted td.sp-highlight {
    background: rgba(249, 180, 91, .08) !important;
    color: #ffffff !important;
}

/* Bordes superior e inferior dorados sutiles para enmarcar la fila Packers */
.gbrs-standings-dark .sp-league-table tbody tr.highlighted td {
    border-top: 1px solid rgba(249, 180, 91, .35) !important;
    border-bottom: 1px solid rgba(249, 180, 91, .35) !important;
}

/* Cuando la fila highlighted es la última, mantener su border-bottom */
.gbrs-standings-dark .sp-league-table tbody tr.highlighted:last-child td {
    border-bottom: 1px solid rgba(249, 180, 91, .35) !important;
}

/* ── Responsive ─────────────────────────────────────────────────────── */

@media (max-width: 768px) {
    .gbrs-standings-dark .sp-league-table thead th,
    .gbrs-standings-dark .sp-league-table tbody td {
        padding: .7rem .65rem !important;
        font-size: .9rem !important;
    }

    .gbrs-standings-dark .sp-league-table .team-logo img,
    .gbrs-standings-dark .sp-league-table .data-name img.attachment-sportspress-fit-icon {
        height: 26px !important;
        max-width: 30px !important;
    }
}

@media (max-width: 480px) {
    .gbrs-standings-dark .sp-league-table thead th,
    .gbrs-standings-dark .sp-league-table tbody td {
        padding: .6rem .45rem !important;
        font-size: .85rem !important;
    }

    .gbrs-standings-dark .sp-league-table .team-logo {
        margin-right: .4rem;
    }

    .gbrs-standings-dark .sp-league-table .team-logo img,
    .gbrs-standings-dark .sp-league-table .data-name img.attachment-sportspress-fit-icon {
        height: 22px !important;
        max-width: 26px !important;
    }
}
