/*
 * Futsal Live Widget -- naživo bežiaci zápas.
 *
 * Zámerne bez pevného pozadia a bez vlastného písma: widget sa vkladá do témy
 * FCUnited (aj cez Elementor), takže dedí písmo aj farbu textu z miesta, kam
 * ho vložíš. Farebný je len odznak NAŽIVO a skóre.
 */

/* Akcentová farba je na :root zámerne -- odznak NAŽIVO sa vkladá aj do
   výpisov SportsPressu, teda mimo .futsal-live. Keď bola premenná len na
   .futsal-live, odznak tam vyšiel biely na bielom (neviditeľný). */
:root {
    --futsal-live-accent: #e41e26;
}

.futsal-live {
    font: inherit;
    line-height: 1.2;
}

.futsal-live__loading {
    font-size: 0.85em;
    opacity: 0.6;
}

.futsal-live__head {
    display: flex;
    align-items: center;
    gap: 0.6em;
    margin-bottom: 0.7em;
}

.futsal-live__badge {
    display: inline-flex;
    align-items: center;
    gap: 0.45em;
    background: var(--futsal-live-accent);
    color: #fff;
    font-size: 0.68em;
    font-weight: 700;
    letter-spacing: 0.09em;
    padding: 0.35em 0.8em;
    border-radius: 999px;
    white-space: nowrap;
}

.futsal-live__badge--next {
    background: transparent;
    color: inherit;
    opacity: 0.65;
    border: 1px solid currentColor;
}

.futsal-live__dot {
    width: 0.5em;
    height: 0.5em;
    border-radius: 50%;
    background: #fff;
    animation: futsal-live-pulse 1.2s ease-in-out infinite;
}

@keyframes futsal-live-pulse {
    0%, 100% { opacity: 1; }
    50% { opacity: 0.25; }
}

@media (prefers-reduced-motion: reduce) {
    .futsal-live__dot { animation: none; }
}

.futsal-live__phase {
    font-size: 0.78em;
    opacity: 0.7;
}

.futsal-live__row {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    align-items: center;
    gap: 1em;
}

.futsal-live__team {
    display: flex;
    align-items: center;
    gap: 0.6em;
    min-width: 0;
}

/* Hostia sa píšu od stredu doprava -- ako na každej skóre-tabuli. */
.futsal-live__team--away {
    flex-direction: row-reverse;
    text-align: right;
}

.futsal-live__logo {
    width: 2.4em;
    height: 2.4em;
    object-fit: contain;
    flex-shrink: 0;
}

.futsal-live__name {
    font-weight: 600;
    font-size: 0.95em;
}

.futsal-live__middle {
    text-align: center;
    min-width: 5em;
}

.futsal-live__score {
    font-size: 1.7em;
    font-weight: 700;
    white-space: nowrap;
}

.futsal-live__score span {
    opacity: 0.35;
    margin: 0 0.15em;
}

/* Číslice s rovnakou šírkou -- inak sa hodinky pri každej sekunde "hýbu". */
.futsal-live__clock {
    font-size: 0.95em;
    font-weight: 700;
    color: var(--futsal-live-accent);
    font-variant-numeric: tabular-nums;
}

.futsal-live__kickoff {
    font-size: 0.9em;
    font-weight: 600;
    opacity: 0.8;
    white-space: nowrap;
}

@media (max-width: 480px) {
    .futsal-live__name { font-size: 0.82em; }
    .futsal-live__logo { width: 1.9em; height: 1.9em; }
    .futsal-live__score { font-size: 1.4em; }
}

/* ------------------------------------------------------------------
 * Dopísanie do výpisov SportsPressu (rozpis, slider, stránka zápasu).
 * Zámerne bez pevných farieb pozadia -- vkladá sa doprostred témy.
 * ------------------------------------------------------------------ */

.sp-event-results.futsal-live-inline {
    display: flex !important;
    flex-direction: column;
    align-items: center;
    gap: 0.35em;
    line-height: 1.2;
}

.futsal-live-inline__score {
    font-weight: 700;
    white-space: nowrap;
}

.futsal-live-inline__score span {
    opacity: 0.35;
    margin: 0 0.12em;
}

.futsal-live-inline__meta {
    display: inline-flex;
    align-items: baseline;
    gap: 0.5em;
    font-size: 0.5em;
    font-weight: 600;
}

.futsal-live-inline__phase {
    opacity: 0.65;
    text-transform: none;
    letter-spacing: 0;
}

.sp-event-results.futsal-live-inline .futsal-live__badge {
    font-size: 0.32em;
    letter-spacing: 0.12em;
}

/* Téma pridáva pomlčku za KAŽDÝ výsledok, takže skóre vyzerá ako "0 - 0 -".
   Za posledným ju schováme. */
.sp-event-results .sp-result:last-child::after,
.sp-event-results .sp-result:last-of-type::after {
    content: none !important;
}