/**
 * Stable integration shell for FuPa's current widget-api generation.
 * Fine-grained visual overrides follow after the current FuPa markup has been
 * checked for table, schedule, squad and liveticker variants.
 */
.sva-fupa-widget {
    width: 100%;
    max-width: 100%;
    color: inherit;
}

.sva-fupa-widget > [id^="fp-widget_root-"] {
    min-height: 4rem;
}

.sva-fupa-widget img {
    max-width: 100%;
    height: auto;
}

.sva-fupa-widget__notice {
    margin: 0;
    padding: 0.75rem 1rem;
    border-left: 0.25rem solid #6aad44;
    background: #f3f5f1;
    color: #273126;
}

.sva-match-strip {
    width: 100%;
    padding: clamp(1rem, 2.5vw, 2rem) clamp(1rem, 4vw, 4rem);
    background: #6aad44;
    color: #fff;
}

.sva-match-strip__title {
    margin: 0 0 0.75rem;
    font-weight: 600;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.sva-match-strip .sva-fupa-widget {
    max-width: 80rem;
    margin-inline: auto;
}

/* FuPa currently mounts its widgets directly into the document. Keep all
 * visual overrides below the team page so other legacy placements stay safe. */
.sva-team-page .sva-fupa-widget {
    overflow: hidden;
    font-family: "Poppins", Arial, sans-serif;
}

.sva-team-page .sva-fupa-widget > [id^="fp-widget_root-"] {
    min-height: 7rem;
}

.sva-team-page .sva-fupa-widget :is(.container, [class*="fp-widget"]) {
    max-width: 100%;
}

.sva-team-page .sva-fupa-widget :is(a, button) {
    font-family: inherit;
}

.sva-team-page .sva-fupa-widget a {
    text-underline-offset: 3px;
}

.sva-team-page .sva-fupa-widget :is(table, [role="table"]) {
    width: 100%;
    border-collapse: collapse;
}

.sva-team-page .sva-fupa-widget :is(th, td) {
    border-color: #e1e6df;
}

.sva-team-page .sva-fupa-widget :is(th, [role="columnheader"]) {
    color: #58734d;
    font-size: .68rem;
    letter-spacing: .06em;
    text-transform: uppercase;
}

.sva-team-page .sva-fupa-widget :is(.active, [aria-selected="true"]) {
    color: #315f25;
}

.sva-team-page .sva-fupa-widget .fp-widget-footer {
    margin-top: 1rem;
    opacity: .7;
}

.sva-team-page .sva-fupa-widget :is(.fp-team-standings-view, .fp-team-liveticker-view) {
    overflow: hidden;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    font-family: inherit !important;
}

.sva-team-page .sva-fupa-widget [class*="fp-team-"][class*="-view"] {
    color: #273126 !important;
    background: transparent !important;
    font-family: "Poppins", Arial, sans-serif !important;
}

.sva-team-page .sva-fupa-widget [class*="fp-team-"][class*="-view"] * {
    font-family: inherit !important;
}

.sva-team-page .sva-fupa-widget [class*="fp-team-"][class*="-view"] a {
    border-radius: 0 !important;
    color: inherit;
}

.sva-team-page .sva-team-panel--match .fp-team-liveticker-view {
    padding: clamp(.75rem, 2vw, 1.25rem);
    color: #fff;
    background: #1f241f;
}

.sva-team-page .sva-team-panel--match .fp-team-liveticker-view {
    color: #fff !important;
    background: #1f241f !important;
}

.sva-team-page .sva-team-panel--match .fp-team-liveticker-view :is(a, button) {
    color: inherit;
}

.sva-team-page .fp-team-standings-view a[href*="/team/sv-aubing"] {
    color: #315f25 !important;
    background: #e9f3e4 !important;
    font-weight: 700 !important;
}

.sva-team-page .sva-team-data-widget .fp-team-standings-view a[href*="/team/sv-aubing"] {
    box-shadow: inset 4px 0 0 #73b74a;
}

.sva-team-page .fp-widget-tabs {
    border-color: #dce2dc !important;
    color: #315f25;
    font-family: inherit !important;
}

.sva-team-page .fp-widget-tabs :is(button, a, [role="tab"]) {
    border-radius: 0 !important;
    font-family: inherit !important;
    font-size: .72rem !important;
    font-weight: 600 !important;
    letter-spacing: .05em;
    text-transform: uppercase;
}

@media (max-width: 560px) {
    .sva-team-page .sva-fupa-widget {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }
}
