/* Kisure v261: date-grouped ticker separators + pauseable marquee */

/* Date splitters now separate only full date groups, not every match. */
.football-header-ticker__splitter {
    width: 9px !important;
    min-width: 9px !important;
    margin: 0 .15rem 0 .35rem !important;
    color: rgba(255,255,255,.42) !important;
    font-size: 1.2rem !important;
    line-height: 1 !important;
}

.football-header-ticker__date {
    margin-left: 0 !important;
    padding: 0 .45rem 0 .1rem !important;
    font-weight: 950 !important;
}

.football-header-ticker__date + .football-header-ticker__match {
    margin-left: 0 !important;
}

.football-header-ticker__set {
    gap: 10px !important;
}

/* Pause on desktop hover/focus and when JS adds the mobile-friendly pause class. */
.football-header-leagues__ticker:hover .football-header-ticker__marquee,
.football-header-leagues__ticker:focus-within .football-header-ticker__marquee,
.football-header-leagues__ticker.is-paused .football-header-ticker__marquee,
.football-header-ticker__track:hover .football-header-ticker__marquee,
.football-header-ticker__track:focus-within .football-header-ticker__marquee,
.football-header-ticker__track.is-paused .football-header-ticker__marquee {
    animation-play-state: paused !important;
}

/* Keep ticker and homepage rails clean: no visible browser scrollbars. */
.football-header-leagues__ticker,
.football-header-ticker__track,
.football-header-ticker__marquee,
.football-header-ticker__set,
.football-home-board .football-fixture-strip,
.football-home-board .football-fixture-strip--scroll {
    scrollbar-width: none !important;
    -ms-overflow-style: none !important;
}

.football-header-leagues__ticker::-webkit-scrollbar,
.football-header-ticker__track::-webkit-scrollbar,
.football-header-ticker__marquee::-webkit-scrollbar,
.football-header-ticker__set::-webkit-scrollbar,
.football-home-board .football-fixture-strip::-webkit-scrollbar,
.football-home-board .football-fixture-strip--scroll::-webkit-scrollbar {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
}

.football-home-board .football-fixture-strip--scroll {
    padding-bottom: 0 !important;
    overflow-y: hidden !important;
}

@media (max-width: 720px) {
    .football-header-ticker__set {
        gap: 8px !important;
    }

    .football-header-ticker__splitter {
        width: 7px !important;
        min-width: 7px !important;
        margin-inline: .15rem !important;
        font-size: 1rem !important;
    }

    .football-header-ticker__date {
        padding-right: .35rem !important;
    }
}