/*
 * SHW Turnier - Darstellung im Webauftritt.
 *
 * ALLES unter .shw-turnier. Das Stylesheet landet in einem fremden
 * Theme; eine Regel auf "table" oder "h3" wuerde die halbe Seite
 * umbauen. Umgekehrt gilt: Was das Theme an Schrift und Farbe
 * vorgibt, wird hier NICHT ueberschrieben - Ueberschriften und Text
 * erben, damit die Turnierseite aussieht wie der Rest von
 * shw-tennis.de und nicht wie ein eingeklebtes Fremdteil.
 *
 * Gesetzt werden nur die Dinge, die eine Tabelle lesbar machen:
 * Zeilentrennung, Kopfzeile, rechtsbuendige Zahlen - und der
 * waagerechte Rollbalken fuer schmale Bildschirme.
 */

.shw-turnier {
    --shw-linie: rgba(0, 0, 0, 0.12);
    --shw-kopf:  rgba(0, 0, 0, 0.05);
    margin: 1.5rem 0;
}

.shw-turnier .shw-titel { margin: 0 0 .75rem; }
.shw-turnier .shw-tag   { margin: 1.5rem 0 .5rem; }

/*
 * Die Tabelle rollt in ihrem EIGENEN Kasten, nicht die Seite.
 * Sieben Spalten passen auf kein Telefon; ohne diesen Block schoebe
 * die Tabelle den ganzen Seiteninhalt nach rechts.
 *
 * DER KASTEN IST EIN <div>, NICHT DIE TABELLE. Hier stand frueher
 * `display: block` an der Tabelle selbst - der gaengige Kniff, und er
 * kostet: Eine Tabelle als Block ist keine Tabelle mehr, die Spalten
 * richten sich nicht mehr ueber die volle Breite aus, und bei
 * Ueberschriften und Zellen faellt das sofort auf. Ein Kasten
 * darumherum rollt genauso und laesst die Tabelle eine bleiben.
 */
.shw-turnier .shw-tabelle {
    overflow-x: auto;
    max-width: 100%;
}

.shw-turnier .shw-tabelle table {
    width: 100%;
    border-collapse: collapse;
    white-space: nowrap;
    font-size: .95em;
    margin: 0;
}

.shw-turnier .shw-tabelle th,
.shw-turnier .shw-tabelle td {
    padding: .4rem .6rem;
    text-align: left;
    border-bottom: 1px solid var(--shw-linie);
    vertical-align: top;
}

.shw-turnier .shw-tabelle thead th {
    background: var(--shw-kopf);
    font-weight: 700;
    border-bottom-width: 2px;
}

.shw-turnier .shw-tabelle tbody tr:last-child td { border-bottom: 0; }

.shw-turnier .shw-r      { text-align: right; }
.shw-turnier .shw-zeit   { font-variant-numeric: tabular-nums; }
.shw-turnier .shw-erg    { font-variant-numeric: tabular-nums; white-space: nowrap; }
.shw-turnier .shw-gegen  { opacity: .5; padding: 0 .2rem; }

/* Die Spielnummer. Blass und schmal: Sie wird gesucht, wenn in einer
   Paarung „Sieger aus 34" steht - gelesen wird sie sonst nicht. */
.shw-turnier .shw-nr {
    font-variant-numeric: tabular-nums;
    opacity: .65;
    font-size: .9em;
}

/* Das Setzzeichen hinter dem Namen, „(1)". */
.shw-turnier .shw-setz { opacity: .6; font-size: .9em; }

/* Stand und Verweis unter jeder Tabelle. */
.shw-turnier .shw-fuss {
    margin: .75rem 0 0;
    font-size: .85em;
    opacity: .75;
}

/* Der Aushang. Bewusst als Schaltflaeche und nicht als Textlink:
   Am Turniertag wird er gesucht, nicht gelesen. */
.shw-turnier .shw-pdf {
    display: inline-block;
    padding: .15rem .55rem;
    border: 1px solid currentColor;
    border-radius: .25rem;
    font-size: .85em;
    font-weight: 700;
    text-decoration: none;
    line-height: 1.5;
}
.shw-turnier .shw-pdf:hover,
.shw-turnier .shw-pdf:focus { text-decoration: underline; }

.shw-turnier .shw-hinweis {
    padding: .6rem .8rem;
    border-left: 4px solid var(--shw-linie);
    background: var(--shw-kopf);
    margin: 0 0 1rem;
}
.shw-turnier .shw-hinweis-warnung { border-left-color: #D9B65F; }

/* Ein Aushang wird auch aus dem Browser gedruckt. Dann ist der
   Rollbalken sinnlos und die Tabelle muss umbrechen duerfen. */
@media print {
    .shw-turnier .shw-tabelle { overflow: visible; }
    .shw-turnier .shw-tabelle table { white-space: normal; }
    .shw-turnier .shw-pdf { display: none; }
}