.hec-hockeydata-module {
    color: var(--hec-hd-text);
    font-size: calc(1em * var(--hec-hd-font-scale, 1));
}

.hec-hockeydata-module .hec-hockeydata-title {
    margin: 0 0 18px;
    color: var(--hec-hd-secondary);
    font-size: calc(1.5em * var(--hec-hd-font-scale, 1));
}

.hec-hockeydata-module .hec-hockeydata-widget {
    background: var(--hec-hd-background) !important;
    border-radius: var(--hec-hd-radius);
    box-shadow: var(--hec-hd-shadow, none);
    overflow: hidden;
}

/* Soda setzt Hintergründe auf mehreren inneren Ebenen. */
.hec-hockeydata-module .hec-hockeydata-widget > div,
.hec-hockeydata-module .-hd-util-intellitable,
.hec-hockeydata-module .-hd-util-intellitable table,
.hec-hockeydata-module .-hd-util-intellitable tbody,
.hec-hockeydata-module .-hd-util-intellitable .-hd-util-intellitable-data td {
    background: var(--hec-hd-background) !important;
}

.hec-hockeydata-module .-hd-util-intellitable,
.hec-hockeydata-module .-hd-util-intellitable table {
    width: 100%;
    color: var(--hec-hd-text);
    font-size: inherit !important;
}

.hec-hockeydata-module .-hd-util-intellitable .-hd-util-intellitable-data th {
    background: var(--hec-hd-secondary) !important;
    color: var(--hec-hd-head-text);
    border-color: var(--hec-hd-border);
}

.hec-hockeydata-module .-hd-util-intellitable .-hd-util-intellitable-data td {
    border-color: var(--hec-hd-border);
}

.hec-hockeydata-module .-hd-util-intellitable .-hd-util-intellitable-data th,
.hec-hockeydata-module .-hd-util-intellitable .-hd-util-intellitable-data td {
    font-size: inherit !important;
    line-height: calc(1.35 * var(--hec-hd-row-scale, 1)) !important;
    padding: calc(8px * var(--hec-hd-padding-scale, 1)) calc(10px * var(--hec-hd-padding-scale, 1)) !important;
}

.hec-hockeydata-module .-hd-util-intellitable .-hd-util-intellitable-data tbody tr:nth-child(even) td {
    background: var(--hec-hd-row-alt) !important;
}

/* Schriftgrößen auch in Spielplan-, Statistik- und Teamansichten skalieren. */
.hec-hockeydata-module .hec-hockeydata-widget,
.hec-hockeydata-module .hec-hockeydata-widget div,
.hec-hockeydata-module .hec-hockeydata-widget span,
.hec-hockeydata-module .hec-hockeydata-widget a,
.hec-hockeydata-module .hec-hockeydata-widget button,
.hec-hockeydata-module .hec-hockeydata-widget input,
.hec-hockeydata-module .hec-hockeydata-widget select {
    font-size: inherit;
}

/* Hockeydata nutzt je nach Widget img, background-image oder Logo-Klassen. */
.hec-hockeydata-module .hec-hockeydata-widget img,
.hec-hockeydata-module [class*="team-logo"] img,
.hec-hockeydata-module [class*="teamlogo"] img,
.hec-hockeydata-module [class*="-hd-logo"] img,
.hec-hockeydata-module img[class*="logo"] {
    width: auto !important;
    height: calc(34px * var(--hec-hd-logo-scale, 1)) !important;
    max-width: calc(64px * var(--hec-hd-logo-scale, 1)) !important;
    max-height: calc(52px * var(--hec-hd-logo-scale, 1)) !important;
    object-fit: contain;
}

.hec-hockeydata-module [class*="team-logo"],
.hec-hockeydata-module [class*="teamlogo"],
.hec-hockeydata-module [class*="-hd-logo"] {
    background-size: contain !important;
    min-width: calc(34px * var(--hec-hd-logo-scale, 1));
    min-height: calc(34px * var(--hec-hd-logo-scale, 1));
}

.hec-hockeydata-module a,
.hec-hockeydata-module .-hd-link {
    color: var(--hec-hd-primary);
}

.hec-hockeydata-module button,
.hec-hockeydata-module .-hd-button,
.hec-hockeydata-module .-hd-active {
    border-color: var(--hec-hd-primary);
}

.hec-hockeydata-module .-hd-rank,
.hec-hockeydata-module .-hd-highlight,
.hec-hockeydata-module .-hd-selected {
    color: var(--hec-hd-primary);
}

@media (max-width: 575px) {
    .hec-hockeydata-module {
        font-size: calc(13px * var(--hec-hd-font-scale, 1));
    }

    .hec-hockeydata-module .-hd-util-intellitable .-hd-util-intellitable-data th,
    .hec-hockeydata-module .-hd-util-intellitable .-hd-util-intellitable-data td {
        padding-left: calc(6px * var(--hec-hd-padding-scale, 1)) !important;
        padding-right: calc(6px * var(--hec-hd-padding-scale, 1)) !important;
    }
}

/*
 * Hockeydata/Soda vergibt bei einzelnen Spaltenüberschriften (z. B. GP, PTS)
 * eigene Textfarben auf verschachtelten Elementen. Deshalb muss die gewählte
 * Tabellenkopf-Schriftfarbe auch an alle Kindelemente vererbt werden.
 */
.hec-hockeydata-module .-hd-util-intellitable .-hd-util-intellitable-data thead,
.hec-hockeydata-module .-hd-util-intellitable .-hd-util-intellitable-data thead tr,
.hec-hockeydata-module .-hd-util-intellitable .-hd-util-intellitable-data thead th,
.hec-hockeydata-module .-hd-util-intellitable .-hd-util-intellitable-data thead th *,
.hec-hockeydata-module .-hd-util-intellitable .-hd-util-intellitable-data th,
.hec-hockeydata-module .-hd-util-intellitable .-hd-util-intellitable-data th *,
.hec-hockeydata-module [class*="intellitable-head"],
.hec-hockeydata-module [class*="intellitable-head"] *,
.hec-hockeydata-module [class*="table-head"],
.hec-hockeydata-module [class*="table-head"] * {
    color: var(--hec-hd-head-text) !important;
}

/*
 * Daten-/Wertezellen verwenden in einigen Hockeydata-Widgets eigene
 * Schriftfarben auf verschachtelten span-, div- und Link-Elementen.
 * Die im Modul gewählte normale Schriftfarbe wird deshalb auch dort
 * konsequent angewendet – nicht nur auf der Tabellenüberschrift.
 */
.hec-hockeydata-module .-hd-util-intellitable .-hd-util-intellitable-data tbody,
.hec-hockeydata-module .-hd-util-intellitable .-hd-util-intellitable-data tbody tr,
.hec-hockeydata-module .-hd-util-intellitable .-hd-util-intellitable-data tbody td,
.hec-hockeydata-module .-hd-util-intellitable .-hd-util-intellitable-data tbody td *,
.hec-hockeydata-module .-hd-util-intellitable .-hd-util-intellitable-data td,
.hec-hockeydata-module .-hd-util-intellitable .-hd-util-intellitable-data td *,
.hec-hockeydata-module [class*="intellitable-body"],
.hec-hockeydata-module [class*="intellitable-body"] *,
.hec-hockeydata-module [class*="table-body"],
.hec-hockeydata-module [class*="table-body"] * {
    color: var(--hec-hd-text) !important;
}


/* Lange Hockeydata-Tabelle: Alle Spalten bleiben erhalten und können auf
 * schmalen Displays horizontal gescrollt werden. */
.hec-hockeydata-module.hec-hockeydata-standings-long .hec-hockeydata-scroll-wrap {
    width: 100%;
    max-width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: thin;
    border-radius: var(--hec-hd-radius);
}

.hec-hockeydata-module.hec-hockeydata-standings-long .hec-hockeydata-scroll-wrap:focus {
    outline: 2px solid var(--hec-hd-primary);
    outline-offset: 2px;
}

.hec-hockeydata-module.hec-hockeydata-standings-long .hec-hockeydata-widget {
    min-width: 980px;
    overflow: visible;
}

.hec-hockeydata-module .hec-hockeydata-scroll-help {
    display: none;
    margin: 0 0 8px;
    font-size: .88em;
    opacity: .8;
    color: var(--hec-hd-text);
}

@media (max-width: 959px) {
    .hec-hockeydata-module.hec-hockeydata-standings-long .hec-hockeydata-scroll-help {
        display: block;
    }
}