/*
 * Stránka scrolluje přirozeně jako celek. Horizontální posuvník tabulky
 * je zdvojený plovoucí lištou (viz filament-tables.js), která se drží
 * u spodního okraje obrazovky, dokud je tabulka na obrazovce.
 */

/* Plovoucí horizontální posuvník (vkládá filament-tables.js za .fi-ta-content-ctn) */
.fi-ta-floating-hscroll {
    position: sticky;
    bottom: 0;
    z-index: 15;
    overflow-x: auto;
    overflow-y: hidden;
}

/*
 * Tabulka bez hlavičky má na .fi-ta-ctn overflow:hidden, které by sticky
 * lištu odstavilo — povolit overflow, zaoblené rohy řeší border-radius.
 */
.fi-ta-ctn:not(.fi-ta-ctn-with-header):has(.fi-ta-floating-hscroll) {
    overflow: visible;
}

/*
 * Firefox nemá ::-webkit-scrollbar — barvy přes standardní scrollbar-color.
 * V Chromiu naopak scrollbar-color nesmí být nastaveno, jinak by vypnulo
 * ::-webkit-scrollbar styly níže (chování od Chrome 121).
 */
@supports not selector(::-webkit-scrollbar) {
    .fi-ta-content-ctn,
    .fi-ta-floating-hscroll {
        scrollbar-color: rgb(0 0 0 / 0.35) transparent;
    }

    .dark .fi-ta-content-ctn,
    .dark .fi-ta-floating-hscroll {
        scrollbar-color: rgb(255 255 255 / 0.35) transparent;
    }
}

.fi-ta-floating-hscroll-spacer {
    height: 1px;
}

/* Výraznější, dobře uchopitelné posuvníky */
.fi-ta-content-ctn,
.fi-ta-floating-hscroll {
    &::-webkit-scrollbar {
        height: 12px;
        width: 12px;
    }

    &::-webkit-scrollbar-track {
        background: transparent;
    }

    &::-webkit-scrollbar-thumb {
        background-color: rgb(0 0 0 / 0.3);
        border-radius: 6px;
        border: 2px solid transparent;
        background-clip: content-box;
    }

    &::-webkit-scrollbar-thumb:hover {
        background-color: rgb(0 0 0 / 0.5);
    }
}

.dark .fi-ta-content-ctn,
.dark .fi-ta-floating-hscroll {
    &::-webkit-scrollbar-thumb {
        background-color: rgb(255 255 255 / 0.3);
    }

    &::-webkit-scrollbar-thumb:hover {
        background-color: rgb(255 255 255 / 0.5);
    }
}