/*
 * Vendofy — minimalny szkielet suwaka jQuery UI.
 *
 * Zastępuje arkusz ładowany wcześniej z code.jquery.com. Zdalny `<link>`
 * powodował, że przeglądarka każdego odwiedzającego łączyła się z serwerem
 * jQuery (i ujawniała mu swój adres IP) na każdej stronie sklepu — jeszcze
 * zanim pojawił się baner zgód.
 *
 * Celowo zawiera WYŁĄCZNIE reguły pozycjonujące, bez motywu. Cały wygląd
 * suwaka (kolory, rozmiary, zaokrąglenia) pochodzi z edytora wyglądu i jest
 * wypisywany w vendo-styles.php z flagą !important — motyw z jQuery UI i tak
 * był tam nadpisywany w całości.
 */

.ui-slider {
    position: relative;
    text-align: left;
    box-sizing: border-box;
}

.ui-slider .ui-slider-handle {
    position: absolute;
    z-index: 2;
    box-sizing: border-box;
    padding: 0;
    touch-action: none;
    -webkit-user-select: none;
    user-select: none;
}

.ui-slider .ui-slider-range {
    position: absolute;
    z-index: 1;
    display: block;
    border: 0;
    font-size: 0.7em;
    background-position: 0 0;
}

.ui-slider-horizontal {
    height: 6px;
}

.ui-slider-horizontal .ui-slider-handle {
    top: -0.3em;
    margin-left: -0.6em;
}

.ui-slider-horizontal .ui-slider-range {
    top: 0;
    height: 100%;
}

.ui-slider-horizontal .ui-slider-range-min { left: 0; }
.ui-slider-horizontal .ui-slider-range-max { right: 0; }

.ui-slider-vertical {
    width: 6px;
    height: 100px;
}

.ui-slider-vertical .ui-slider-handle {
    left: -0.3em;
    margin-left: 0;
    margin-bottom: -0.6em;
}

.ui-slider-vertical .ui-slider-range {
    left: 0;
    width: 100%;
}

.ui-slider-vertical .ui-slider-range-min { bottom: 0; }
.ui-slider-vertical .ui-slider-range-max { top: 0; }

/* Blokada zaznaczania tekstu w trakcie przeciągania uchwytu. */
.ui-slider.ui-state-disabled .ui-slider-handle { pointer-events: none; }