/* Kisure v270: dark-mode prediction fixes, visible VS badge, native mobile scrolling */
html[data-theme="dark"] .football-predictions-page .football-prediction-date-filter--top,
body.dark-mode .football-predictions-page .football-prediction-date-filter--top,
body.dark .football-predictions-page .football-prediction-date-filter--top {
    background: linear-gradient(135deg, rgba(15, 23, 42, .98), rgba(2, 18, 32, .98)) !important;
    border-color: rgba(45, 212, 191, .24) !important;
    box-shadow: 0 18px 45px rgba(0, 0, 0, .32) !important;
}

html[data-theme="dark"] .football-predictions-page .football-prediction-date-filter--top .site-kicker,
body.dark-mode .football-predictions-page .football-prediction-date-filter--top .site-kicker,
body.dark .football-predictions-page .football-prediction-date-filter--top .site-kicker {
    color: #2dd4bf !important;
}

html[data-theme="dark"] .football-predictions-page .football-prediction-date-filter--top h2,
body.dark-mode .football-predictions-page .football-prediction-date-filter--top h2,
body.dark .football-predictions-page .football-prediction-date-filter--top h2,
html[data-theme="dark"] .football-predictions-page .football-prediction-date-filter--top .football-prediction-date-form label,
body.dark-mode .football-predictions-page .football-prediction-date-filter--top .football-prediction-date-form label,
body.dark .football-predictions-page .football-prediction-date-filter--top .football-prediction-date-form label {
    color: #f8fafc !important;
    text-shadow: none !important;
}

html[data-theme="dark"] .football-predictions-page .football-prediction-date-filter--top p,
body.dark-mode .football-predictions-page .football-prediction-date-filter--top p,
body.dark .football-predictions-page .football-prediction-date-filter--top p {
    color: #b6c7df !important;
}

html[data-theme="dark"] .football-predictions-page .football-prediction-date-filter--top input[type="date"],
body.dark-mode .football-predictions-page .football-prediction-date-filter--top input[type="date"],
body.dark .football-predictions-page .football-prediction-date-filter--top input[type="date"] {
    background: #0b1220 !important;
    border: 1px solid rgba(148, 163, 184, .28) !important;
    color: #f8fafc !important;
    color-scheme: dark;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .02), 0 12px 28px rgba(0, 0, 0, .24) !important;
}

html[data-theme="dark"] .football-prediction-date-shortcuts a,
body.dark-mode .football-prediction-date-shortcuts a,
body.dark .football-prediction-date-shortcuts a {
    background: rgba(15, 23, 42, .98) !important;
    border-color: rgba(148, 163, 184, .28) !important;
    color: #7dd3fc !important;
}

html[data-theme="dark"] .football-prediction-date-shortcuts a:hover,
html[data-theme="dark"] .football-prediction-date-shortcuts a.is-active,
body.dark-mode .football-prediction-date-shortcuts a:hover,
body.dark-mode .football-prediction-date-shortcuts a.is-active,
body.dark .football-prediction-date-shortcuts a:hover,
body.dark .football-prediction-date-shortcuts a.is-active {
    background: rgba(20, 184, 166, .18) !important;
    border-color: rgba(45, 212, 191, .48) !important;
    color: #ccfbf1 !important;
}

html[data-theme="dark"] .football-prediction-tip-row__preview,
body.dark-mode .football-prediction-tip-row__preview,
body.dark .football-prediction-tip-row__preview {
    background: #0b1220 !important;
    border-top-color: rgba(148, 163, 184, .22) !important;
    color: #dbeafe !important;
}

html[data-theme="dark"] .football-prediction-tip-row__preview summary,
body.dark-mode .football-prediction-tip-row__preview summary,
body.dark .football-prediction-tip-row__preview summary {
    background: #0b1220 !important;
    color: #e5e7eb !important;
}

html[data-theme="dark"] .football-prediction-tip-row__preview summary span,
html[data-theme="dark"] .football-prediction-tip-row__preview summary i,
body.dark-mode .football-prediction-tip-row__preview summary span,
body.dark-mode .football-prediction-tip-row__preview summary i,
body.dark .football-prediction-tip-row__preview summary span,
body.dark .football-prediction-tip-row__preview summary i {
    color: #e5e7eb !important;
}

html[data-theme="dark"] .football-prediction-tip-row__preview summary b,
body.dark-mode .football-prediction-tip-row__preview summary b,
body.dark .football-prediction-tip-row__preview summary b,
html[data-theme="dark"] .football-prediction-tip-row__preview a,
body.dark-mode .football-prediction-tip-row__preview a,
body.dark .football-prediction-tip-row__preview a {
    color: #38bdf8 !important;
}

html[data-theme="dark"] .football-prediction-tip-row__preview > div,
body.dark-mode .football-prediction-tip-row__preview > div,
body.dark .football-prediction-tip-row__preview > div {
    background: #0b1220 !important;
}

html[data-theme="dark"] .football-prediction-tip-row__preview p,
body.dark-mode .football-prediction-tip-row__preview p,
body.dark .football-prediction-tip-row__preview p {
    color: #cbd5e1 !important;
}

html[data-theme="dark"] .football-prediction-detail-page .football-prediction-match-card__versus,
body.dark-mode .football-prediction-detail-page .football-prediction-match-card__versus,
body.dark .football-prediction-detail-page .football-prediction-match-card__versus,
html[data-theme="dark"] .football-prediction-match-card__versus,
body.dark-mode .football-prediction-match-card__versus,
body.dark .football-prediction-match-card__versus {
    background: linear-gradient(135deg, #0f766e, #0891b2) !important;
    border: 1px solid rgba(125, 211, 252, .35) !important;
    color: #ffffff !important;
    box-shadow: 0 10px 24px rgba(8, 145, 178, .22) !important;
    text-shadow: 0 1px 1px rgba(0, 0, 0, .35) !important;
}

.football-home-board .football-fixture-strip--scroll,
.football-fixture-strip--scroll[data-kisure-drag-scroll],
[data-kisure-drag-scroll] {
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch;
    touch-action: pan-x pan-y !important;
    overscroll-behavior-inline: contain;
    scroll-behavior: smooth;
}

@media (hover: hover) and (pointer: fine) {
    .football-home-board .football-fixture-strip--scroll,
    .football-fixture-strip--scroll[data-kisure-drag-scroll],
    [data-kisure-drag-scroll] {
        cursor: grab;
        user-select: none;
        -webkit-user-select: none;
    }
}

@media (hover: none), (pointer: coarse) {
    .football-home-board .football-fixture-strip--scroll,
    .football-fixture-strip--scroll[data-kisure-drag-scroll],
    [data-kisure-drag-scroll] {
        cursor: auto !important;
        user-select: auto !important;
        -webkit-user-select: auto !important;
        scroll-snap-type: x proximity;
    }

    .football-home-board .football-fixture-strip--scroll.is-dragging,
    .football-fixture-strip--scroll[data-kisure-drag-scroll].is-dragging,
    [data-kisure-drag-scroll].is-dragging {
        cursor: auto !important;
    }
}
