/* Table Design Improvements */

/* 1. Remove Vertical Dividers & Clean Borders */
.sp-data-table,
.sp-league-table {
    border-collapse: collapse !important;
    border: none !important;
}

.sp-data-table th,
.sp-data-table td,
.sp-league-table th,
.sp-league-table td {
    border-left: none !important;
    border-right: none !important;
    border-top: none !important;
    border-bottom: 1px solid #eaeaea !important;
    /* Subtle horizontal line only */
}

/* Remove last border */
.sp-data-table tr:last-child td {
    border-bottom: none !important;
}

/* 2. Light "Zebra" Striping */
.sp-data-table tbody tr:nth-child(odd) td,
.sp-league-table tbody tr:nth-child(odd) td {
    background-color: #fcfcfc !important;
    /* Very subtle light gray */
}

.sp-data-table tbody tr:nth-child(even) td,
.sp-league-table tbody tr:nth-child(even) td {
    background-color: #ffffff !important;
}

/* 3. Highlight Top 3 Positions (Champions League/Promotion Zone style) */
.sp-league-table tbody tr:nth-child(-n+3) td {
    background-color: rgba(0, 122, 255, 0.03) !important;
    /* Very faint primary color tint */
    border-bottom: 1px solid rgba(0, 122, 255, 0.1) !important;
}

/* 3b. Highlight "Your Team" (SportsPress feature .sp-highlight) */
.sp-data-table tr.sp-highlight td,
.sp-league-table tr.sp-highlight td {
    background-color: rgba(0, 122, 255, 0.08) !important;
    /* Slightly stronger tint */
    font-weight: 600;
    color: #333;
    border-bottom: 1px solid rgba(0, 122, 255, 0.2) !important;
}

/* Header Styling (Optional cleanup) */
.sp-data-table th,
.sp-league-table th {
    background-color: #ffffff !important;
    border-bottom: 2px solid #007aff !important;
    /* Primary color underline for headers */
    text-transform: uppercase;
    font-size: 11px;
    letter-spacing: 0.5px;
    color: #555;
    padding-top: 15px !important;
    padding-bottom: 15px !important;
}