/* Site-specific styles go here. Kadence's own bundles remain loaded by the parent. */

/* Brand scrollbars: retain native scrolling and accessibility preferences. */
@media (forced-colors: none) {
    html {
        scrollbar-color: #527660 #ffffff;
        scrollbar-width: auto;
    }

    /* Firefox and modern Chromium; nested scroll areas inherit the palette. */
    body * {
        scrollbar-color: #527660 #ffffff;
    }

    /* Use pseudo-elements where available so native arrow buttons can be hidden. */
    @supports selector(::-webkit-scrollbar) {
        html,
        body * {
            scrollbar-color: auto;
        }
    }

    /* Safari and Chromium versions supporting WebKit scrollbar styling. */
    ::-webkit-scrollbar {
        width: 4px;
        height: 4px;
    }

    ::-webkit-scrollbar-track,
    ::-webkit-scrollbar-corner {
        background: #ffffff;
    }

    ::-webkit-scrollbar-button {
        display: none;
        width: 0;
        height: 0;
    }

    ::-webkit-scrollbar-thumb {
        min-height: 40px;
        border: 0;
        border-radius: 999px;
        background: #527660;
    }

    ::-webkit-scrollbar-thumb:hover {
        background: #24563e;
    }

    ::-webkit-scrollbar-thumb:active {
        background: #173d2c;
    }
}