/* Hlavni posuvnik stranky na celem webu (verejny web, sprava, prihlaseni,
   chybove stranky). Siroky, se sirokymi sikmymi pruhy oranzova a tmave modra
   jako vystraha na strojich, po najeti dva odstiny oranzove. Barvy jsou
   tokeny z custom.css (--accent #c8702a, --accent-hover #b05f1f, --primary
   #1e3a5f); tady natvrdo, protoze sprava custom.css nenacita.

   Chrome, Edge a Safari pres ::-webkit-scrollbar. Firefox umi jen barvy,
   proto scrollbar-color jen v nem: v Chrome by standardni vlastnost styly
   ::-webkit-* uplne vypnula. Plati jen pro posuvnik dokumentu (html), ne
   pro vnitrni posuvne oblasti. Na zarizenich s mysi ho nahrazuje jezdec pres
   obsah (viz konec souboru a static/js/scrollbar.js), tohle je zaloha bez JS. */
/* Jen zarizeni s mysi. Na dotyku (telefon, tablet) zadne vlastni styly:
   Chrome na Androidu by ::-webkit-scrollbar jinak opravdu vykreslil misto
   nativniho prekryvneho posuvniku. */
@media (hover: hover) and (pointer: fine) {
    html::-webkit-scrollbar { width: 16px; height: 16px; }
    /* draha bez vlastniho pozadi: pod pruhy prosvita podklad stranky */
    html::-webkit-scrollbar-track,
    html::-webkit-scrollbar-corner { background: transparent; }
    html::-webkit-scrollbar-thumb {
        background: repeating-linear-gradient(-45deg, #c8702a 0 11px, #1e3a5f 11px 22px);
        background-clip: padding-box;
        border: 3px solid transparent;
        border-radius: 8px;
        min-height: 48px;
    }
    html::-webkit-scrollbar-thumb:hover,
    html::-webkit-scrollbar-thumb:active {
        background: repeating-linear-gradient(-45deg, #c8702a 0 11px, #b05f1f 11px 22px);
        background-clip: padding-box;
    }
    @supports not selector(::-webkit-scrollbar) {
        html { scrollbar-color: #c8702a transparent; }
    }

    /* S JS (static/js/scrollbar.js, jen zarizeni s mysi): nativni posuvnik
       dokumentu se skryje a pres obsah stranky se kresli jen jezdec s pruhy,
       bez drahy. Nad hornim menu (1030), pod panely a modaly Bootstrapu. */
    html.tk-scroll { scrollbar-width: none; }
    html.tk-scroll::-webkit-scrollbar { display: none; width: 0; height: 0; }
    html.tk-scroll-dragging { user-select: none; }
    .tk-scrollthumb {
        position: fixed;
        top: 0;
        right: 0;
        width: 16px;
        z-index: 1040;
        border: 3px solid transparent;
        border-radius: 8px;
        background: repeating-linear-gradient(-45deg, #c8702a 0 11px, #1e3a5f 11px 22px);
        background-clip: padding-box;
        will-change: transform;
    }
    .tk-scrollthumb[hidden] { display: none; }
    .tk-scrollthumb:hover,
    .tk-scrollthumb.is-dragging {
        background: repeating-linear-gradient(-45deg, #c8702a 0 11px, #b05f1f 11px 22px);
        background-clip: padding-box;
    }
}