/* v240 native-only sticky sidebar rebuild.
   No JavaScript fixed fallback. No internal sidebar scrollbar.
   Loaded last after all frontend CSS. */
:root {
    --kisure-sticky-top: 112px;
}

html {
    overflow-y: auto !important;
    overflow-x: clip !important;
    scroll-behavior: smooth;
}

body.site-body {
    overflow-y: visible !important;
    overflow-x: clip !important;
}

@media (min-width: 992px) {
    body.site-body,
    .site-main,
    main,
    main.site-shell,
    .site-shell,
    .site-shell--wide,
    .container,
    .container-fluid,
    .row,
    .content-grid,
    .article-shell,
    .article-main-section,
    .main-content-wrapper,
    .home-news-layout,
    .category-news-layout,
    .tag-news-layout,
    .news-view-page,
    .football-page,
    .football-fixtures-page,
    .football-standings-page,
    .football-match-page,
    .football-layout,
    .football-layout--wide-main,
    .football-layout--match-page,
    .football-main-grid,
    .football-content-grid,
    .sports-desk-layout,
    .football-section--standings-table,
    .football-section--table {
        overflow: visible !important;
        overflow-x: visible !important;
        overflow-y: visible !important;
        contain: none !important;
        transform: none !important;
        filter: none !important;
        perspective: none !important;
        isolation: auto !important;
    }

    .content-grid,
    .article-shell,
    .article-main-section,
    .main-content-wrapper,
    .football-layout,
    .football-layout--wide-main,
    .football-layout--match-page,
    .football-main-grid,
    .football-content-grid,
    .sports-desk-layout,
    .home-news-layout,
    .category-news-layout,
    .tag-news-layout {
        align-items: flex-start !important;
    }

    .football-layout,
    .football-layout--wide-main {
        grid-template-columns: minmax(0, 1fr) minmax(300px, 360px) !important;
    }

    .football-layout--match-page {
        grid-template-columns: minmax(0, 1fr) minmax(320px, 390px) !important;
    }

    .sticky-sidebar,
    aside.sticky-sidebar,
    .sidebar-stack.sticky-sidebar,
    .article-rail.sticky-sidebar,
    .football-sidebar-stack.sticky-sidebar,
    .football-match-sidebar-stack.sticky-sidebar,
    .football-side-panel.sticky-sidebar,
    .football-layout > aside.football-side-panel.sticky-sidebar,
    .football-layout > .football-sidebar-stack.sticky-sidebar,
    .sports-desk-layout > .football-sidebar-stack.sticky-sidebar,
    .continue-reading-trending.sticky-sidebar,
    [data-kisure-sticky-sidebar] {
        align-self: flex-start !important;
        justify-self: stretch !important;
        position: -webkit-sticky !important;
        position: sticky !important;
        top: var(--kisure-sticky-top) !important;
        left: auto !important;
        right: auto !important;
        bottom: auto !important;
        width: 100% !important;
        min-width: 0 !important;
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
        overflow: visible !important;
        overflow-x: visible !important;
        overflow-y: visible !important;
        overscroll-behavior: auto !important;
        scrollbar-gutter: auto !important;
        transform: none !important;
        will-change: auto !important;
        z-index: 80 !important;
    }

    .football-sidebar-stack.sticky-sidebar,
    .football-match-sidebar-stack.sticky-sidebar,
    .sidebar-stack.sticky-sidebar {
        display: grid !important;
        gap: 1rem !important;
    }

    .football-sidebar-stack.sticky-sidebar > .football-side-panel,
    .football-match-sidebar-stack.sticky-sidebar > .football-side-panel,
    .sidebar-stack.sticky-sidebar > *,
    .article-rail.sticky-sidebar > * {
        position: relative !important;
        top: auto !important;
        left: auto !important;
        right: auto !important;
        bottom: auto !important;
        max-height: none !important;
        overflow: visible !important;
    }

    /* Neutralise all old JS fallback states and placeholders, including cached v238/v239 classes. */
    .sticky-sidebar.is-js-sticky-fixed,
    .sticky-sidebar.is-kisure-sticky-fixed,
    .sticky-sidebar.is-kisure-sticky-bottom,
    .is-js-sticky-fixed,
    .is-kisure-sticky-fixed,
    .is-kisure-sticky-bottom,
    [data-kisure-sticky-sidebar][data-kisure-sticky-mode="fixed"],
    [data-kisure-sticky-sidebar][data-kisure-sticky-mode="bottom"],
    [data-kisure-sticky-sidebar][data-kisure-sticky-mode="normal"] {
        align-self: flex-start !important;
        position: -webkit-sticky !important;
        position: sticky !important;
        top: var(--kisure-sticky-top) !important;
        left: auto !important;
        right: auto !important;
        bottom: auto !important;
        margin: initial !important;
        width: 100% !important;
        max-width: none !important;
        height: auto !important;
        max-height: none !important;
        overflow: visible !important;
        transform: none !important;
        will-change: auto !important;
        z-index: 80 !important;
    }

    .kisure-sticky-placeholder,
    .kisure-js-sticky-placeholder,
    [data-kisure-sticky-placeholder] {
        display: none !important;
        height: 0 !important;
        width: 0 !important;
        min-width: 0 !important;
        pointer-events: none !important;
        visibility: hidden !important;
    }
}

@media (max-width: 991.98px) {
    .sticky-sidebar,
    aside.sticky-sidebar,
    .sidebar-stack.sticky-sidebar,
    .article-rail.sticky-sidebar,
    .football-sidebar-stack.sticky-sidebar,
    .football-match-sidebar-stack.sticky-sidebar,
    .football-side-panel.sticky-sidebar,
    .football-layout > aside.football-side-panel.sticky-sidebar,
    .football-layout > .football-sidebar-stack.sticky-sidebar,
    .sports-desk-layout > .football-sidebar-stack.sticky-sidebar,
    .continue-reading-trending.sticky-sidebar,
    [data-kisure-sticky-sidebar],
    .is-js-sticky-fixed,
    .is-kisure-sticky-fixed,
    .is-kisure-sticky-bottom {
        position: static !important;
        top: auto !important;
        left: auto !important;
        right: auto !important;
        bottom: auto !important;
        width: auto !important;
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
        overflow: visible !important;
        transform: none !important;
        will-change: auto !important;
    }

    .kisure-sticky-placeholder,
    .kisure-js-sticky-placeholder,
    [data-kisure-sticky-placeholder] {
        display: none !important;
    }
}
