/* Elimination brackets (single, double, 2GG, 3GG): the grid drawn by Bracket_BLL.
   Each game is a group of cells: the two team slots (elimteam1 above, elimteam2 below) joined by a
   vertical line (elimmatch, which also holds "Match #", the day and time, the field and the score);
   topline / bottomline carry a team across to its next game; finalmatch is the bracket winner;
   optionalmatch is a game played only if needed. The lines are cell borders, so the grid needs
   no cell spacing. */

table.sp-elim
{
    border-collapse: separate;
    border-spacing: 0;
    background-color: #FFFFFF;
    font-family: 'IBM Plex Sans', 'Segoe UI', Arial, Helvetica, sans-serif;
    color: #1F2937;
}

/* Team slots: the team's name sits on its line (no background: in templates the later slots are
   still empty, and a shaded box looked like a stray bar) */
td.elimteam1,
td.elimteam2
{
    padding: 3px 10px;
    font-size: 13px;
    font-weight: 600;
    color: #1F2937;
    white-space: nowrap;
}
td.elimteam1
{
    border-top: solid 2px #8A9AB5;
    border-right: solid 2px #8A9AB5;
    border-top-right-radius: 6px;
}
td.elimteam2
{
    border-bottom: solid 2px #8A9AB5;
    border-right: solid 2px #8A9AB5;
    border-bottom-right-radius: 6px;
}

/* The vertical line of a game, with the game's details beside it */
td.elimmatch
{
    border-right: solid 2px #8A9AB5;
    padding: 0 8px;
    text-align: right;
    font-size: 11px;
    line-height: 1.35;
    color: #6B7280;
    white-space: nowrap;
}

/* The bracket winner (and other final places): the name and its label, e.g. "(Winner)", are two
   cells one above the other; together they form one gold block. */
td.finalmatch
{
    padding: 3px 12px;
    font-size: 14px;
    font-weight: 700;
    color: #1F2A44;
    white-space: nowrap;
    background-color: #FFF4CC;
    border-left: solid 3px #E2A400;
}

/* A game played only if needed */
td.optionalmatch
{
    border-right: dashed 2px #8A9AB5;
    padding: 0 8px;
    text-align: right;
    font-size: 11px;
    font-style: italic;
    color: #6B7280;
    white-space: nowrap;
}

/* Lines carrying a team across to its next game */
td.topline
{
    border-top: solid 2px #8A9AB5;
}
td.bottomline
{
    border-bottom: solid 2px #8A9AB5;
    white-space: nowrap;
}
td.Empty
{
    white-space: nowrap;
}

/* Rows of the grid with nothing in them (spacing only) stay 2 pixels high instead of a full
   line of text each, which left large gaps, especially in templates where game details are empty. */
table.sp-elim td:not([class])
{
    font-size: 2px;
    line-height: 2px;
    padding: 0;
}

/* Printing: plain black lines, no shading */
@media print
{
    td.elimteam1, td.elimteam2, td.elimmatch, td.topline, td.bottomline { border-color: #000000; }
    td.optionalmatch { border-right-color: #000000; }
    td.finalmatch { background-color: transparent; border-left-color: #000000; }
    td.elimmatch, td.optionalmatch { color: #000000; }
}